mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-16 18:17:31 +08:00
@ -34,20 +34,22 @@
|
||||
|
||||
:host(.fab-vertical-top) {
|
||||
top: $fab-content-margin;
|
||||
|
||||
&.fab-edge {
|
||||
top: -$fab-size / 2;
|
||||
}
|
||||
}
|
||||
|
||||
:host(.fab-vertical-top.fab-edge) {
|
||||
top: -$fab-size / 2;
|
||||
}
|
||||
|
||||
|
||||
:host(.fab-vertical-bottom) {
|
||||
bottom: $fab-content-margin;
|
||||
|
||||
&.fab-edge {
|
||||
bottom: -$fab-size / 2;
|
||||
}
|
||||
}
|
||||
|
||||
:host(.fab-vertical-bottom.fab-edge) {
|
||||
bottom: -$fab-size / 2;
|
||||
}
|
||||
|
||||
|
||||
:host(.fab-vertical-center) {
|
||||
@include margin(-$fab-size / 2, null, null, null);
|
||||
|
||||
|
@ -66,7 +66,7 @@ export class Fab {
|
||||
class: {
|
||||
[`fab-horizontal-${this.horizontal}`]: !!this.horizontal,
|
||||
[`fab-vertical-${this.vertical}`]: !!this.vertical,
|
||||
['fab-edge']: this.edge
|
||||
'fab-edge': this.edge
|
||||
}
|
||||
};
|
||||
}
|
||||
|
Reference in New Issue
Block a user