primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-12-01 04:21:12 +03:00
Code Issues Projects Releases Wiki Activity

use $responsive-variants for .float-*

Browse Source
This commit is contained in:
Shawn Allen 2018-07-17 22:53:57 -07:00
parent b632983b58
commit 182cd2e0f9
1 changed files with 7 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
modules/primer-utilities/lib/layout.scss
View File

@ -50,23 +50,14 @@
}
// Floats
/* Float to the right */
.float-right { float: right !important; }
/* Float to the left */
.float-left { float: left !important; }
/* Don't float left or right */
.float-none { float: none !important; }
// Responsive float utlities
// .float-md-left, .float-lg-right, ...
@each $breakpoint in map-keys($breakpoints) {
@each $breakpoint, $variant in $responsive-variants {
@include breakpoint($breakpoint) {
/* Float to the left at the #{$breakpoint} breakpoint */
.float-#{$breakpoint}-left { float: left !important; }
/* Float to the right at the #{$breakpoint} breakpoint */
.float-#{$breakpoint}-right { float: right !important; }
/* No float at the #{$breakpoint} breakpoint */
.float-#{$breakpoint}-none { float: none !important; }
/* Float to the left */
.float#{$variant}-left { float: left !important; }
/* Float to the right */
.float#{$variant}-right { float: right !important; }
/* No float */
.float#{$variant}-none { float: none !important; }
}
}