mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-09 16:16:41 +08:00
35 lines
913 B
SCSS
35 lines
913 B
SCSS
@import "../themes/ionic.globals";
|
|
@import "../themes/ionic.mixins";
|
|
|
|
// Float Elements
|
|
// --------------------------------------------------
|
|
// Creates float classes based on screen size
|
|
|
|
@each $breakpoint in map-keys($screen-breakpoints) {
|
|
$infix: breakpoint-infix($breakpoint, $screen-breakpoints);
|
|
|
|
@include media-breakpoint-up($breakpoint, $screen-breakpoints) {
|
|
// Provide `.ion-float-{bp}-{side}` classes for floating the element based
|
|
// on the breakpoint and side
|
|
.ion-float#{$infix}-left,
|
|
[float#{$infix}-left] {
|
|
@include float(left, !important);
|
|
}
|
|
|
|
.ion-float#{$infix}-right,
|
|
[float#{$infix}-right] {
|
|
@include float(right, !important);
|
|
}
|
|
|
|
.ion-float#{$infix}-start,
|
|
[float#{$infix}-start] {
|
|
@include float(start, !important);
|
|
}
|
|
|
|
.ion-float#{$infix}-end,
|
|
[float#{$infix}-end] {
|
|
@include float(end, !important);
|
|
}
|
|
}
|
|
}
|