From d7f4985639f590765879714e4e6931453a231c06 Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Mon, 10 Aug 2015 22:46:43 -0700
Subject: [PATCH] addresses #14217, add responsive text alignment classes

---
 scss/_utilities.scss | 34 +++++++++++++++++++++++++++++++++-
 1 file changed, 33 insertions(+), 1 deletion(-)

diff --git a/scss/_utilities.scss b/scss/_utilities.scss
index d05c341335..19a1d1a07a 100644
--- a/scss/_utilities.scss
+++ b/scss/_utilities.scss
@@ -55,6 +55,7 @@
 //
 
 // Alignment
+
 .text-left           { text-align: left; }
 .text-right          { text-align: right; }
 .text-center         { text-align: center; }
@@ -62,13 +63,44 @@
 .text-nowrap         { white-space: nowrap; }
 .text-truncate       { @include text-truncate; }
 
+// 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; }
+}
+
 // Transformation
+
 .text-lowercase      { text-transform: lowercase; }
 .text-uppercase      { text-transform: uppercase; }
 .text-capitalize     { text-transform: capitalize; }
 
-
 // Contextual colors
+
 .text-muted {
   color: $text-muted;
 }