mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-09 08:09:32 +08:00
BREAKING CHANGES Removes all CSS utility attributes. Please use CSS classes instead. See the documentation for the correct class names: https://ionicframework.com/docs/layout/css-utilities
32 lines
847 B
SCSS
32 lines
847 B
SCSS
@import "../themes/ionic.skip-warns.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 {
|
|
@include float(left, !important);
|
|
}
|
|
|
|
.ion-float#{$infix}-right {
|
|
@include float(right, !important);
|
|
}
|
|
|
|
.ion-float#{$infix}-start {
|
|
@include float(start, !important);
|
|
}
|
|
|
|
.ion-float#{$infix}-end {
|
|
@include float(end, !important);
|
|
}
|
|
}
|
|
}
|