Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/twbs/bootstrap-rubygem.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'assets/stylesheets/bootstrap/_utilities.scss')
-rw-r--r--assets/stylesheets/bootstrap/_utilities.scss42
1 files changed, 11 insertions, 31 deletions
diff --git a/assets/stylesheets/bootstrap/_utilities.scss b/assets/stylesheets/bootstrap/_utilities.scss
index 12e2962..fa3b6e1 100644
--- a/assets/stylesheets/bootstrap/_utilities.scss
+++ b/assets/stylesheets/bootstrap/_utilities.scss
@@ -51,41 +51,21 @@
// Alignment
-.text-left { text-align: left; }
-.text-right { text-align: right; }
-.text-center { text-align: center; }
-.text-justify { text-align: justify; }
-.text-nowrap { white-space: nowrap; }
+.text-left { text-align: left !important; }
+.text-right { text-align: right !important; }
+.text-center { text-align: center !important; }
+.text-justify { text-align: justify !important; }
+.text-nowrap { white-space: nowrap !important; }
.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; }
+@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