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;
}
--
GitLab