From: Chris Rebert <code@chrisrebert.com>
Date: Fri, 23 Oct 2015 18:49:45 +0000 (-0700)
Subject: Stop hardcoding grid breakpoints in responsive alignment utility classes; fixes ... 
X-Git-Tag: v4.0.0-alpha.2~237^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=d3cb2ca43cbf65f48dd433a4dfb1ebf0abf4fd34;p=thirdparty%2Fbootstrap.git

Stop hardcoding grid breakpoints in responsive alignment utility classes; fixes #18027

[skip sauce]
[skip validator]
---

diff --git a/scss/_utilities.scss b/scss/_utilities.scss
index 12e29626e7..d5bd4dfe04 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