diff options
| author | Chris Rebert <[email protected]> | 2015-10-23 11:49:45 -0700 |
|---|---|---|
| committer | Chris Rebert <[email protected]> | 2015-10-23 11:49:46 -0700 |
| commit | d3cb2ca43cbf65f48dd433a4dfb1ebf0abf4fd34 (patch) | |
| tree | c3ae062e6d770d469ffaa7b6c05b6c057316f067 | |
| parent | 807fb8847aa8cbe54ad371fccdec93b2518c1558 (diff) | |
| download | bootstrap-d3cb2ca43cbf65f48dd433a4dfb1ebf0abf4fd34.tar.xz bootstrap-d3cb2ca43cbf65f48dd433a4dfb1ebf0abf4fd34.zip | |
Stop hardcoding grid breakpoints in responsive alignment utility classes; fixes #18027
[skip sauce]
[skip validator]
| -rw-r--r-- | scss/_utilities.scss | 32 |
1 files changed, 6 insertions, 26 deletions
diff --git a/scss/_utilities.scss b/scss/_utilities.scss index 12e29626e..d5bd4dfe0 100644 --- a/scss/_utilities.scss +++ b/scss/_utilities.scss @@ -60,32 +60,12 @@ // Responsive alignment -.text-xs-left { text-align: left; } -.text-xs-right { text-align: right; } -.text-xs-center { text-align: center; } - -@include media-breakpoint-up(sm) { - .text-sm-left { text-align: left; } - .text-sm-right { text-align: right; } - .text-sm-center { text-align: center; } -} - -@include media-breakpoint-up(md) { - .text-md-left { text-align: left; } - .text-md-right { text-align: right; } - .text-md-center { text-align: center; } -} - -@include media-breakpoint-up(lg) { - .text-lg-left { text-align: left; } - .text-lg-right { text-align: right; } - .text-lg-center { text-align: center; } -} - -@include media-breakpoint-up(xl) { - .text-xl-left { text-align: left; } - .text-xl-right { text-align: right; } - .text-xl-center { text-align: center; } +@each $breakpoint in map-keys($grid-breakpoints) { + @include media-breakpoint-up($breakpoint) { + .text-#{$breakpoint}-left { text-align: left; } + .text-#{$breakpoint}-right { text-align: right; } + .text-#{$breakpoint}-center { text-align: center; } + } } // Transformation |