javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-09 08:09:32 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(css): add the missing css classes to flex and float utils (#17570)

Browse Source 
fixes #17569
This commit is contained in:
Brandy Carney
2019-02-22 11:54:46 -05:00
committed by GitHub
parent 60aef2e418
commit c49276c477
2 changed files with 28 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
core/src/css/float-elements.scss
View File

@ -3,26 +3,30 @@
// Float Elements
// --------------------------------------------------
// Creates float attributes based on screen size
// 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 `[float-{bp}]` attributes for floating the element based
// on the breakpoint
// 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);
}