diff options
| -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 |