rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-28 20:52:21 +01:00
Code Issues Actions Packages Releases Activity

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

Browse Source 
[skip sauce]
[skip validator]
This commit is contained in:
Chris Rebert 2015-10-23 11:49:45 -07:00
parent 807fb8847a
commit d3cb2ca43c
1 changed files with 6 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
scss/_utilities.scss
View File

@ -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