forked from ionic-team/ionic-framework
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathfloat-elements.scss
More file actions
30 lines (24 loc) · 804 Bytes
/
Copy pathfloat-elements.scss
File metadata and controls
30 lines (24 loc) · 804 Bytes
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
@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);
}
}
}