2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-20 20:00:36 +03:00

Use variables for the width/height classes

This commit is contained in:
Starsam80
2016-12-25 15:29:01 -07:00
committed by Mark Otto
parent 210050d9c9
commit c2e5eb1542
2 changed files with 12 additions and 9 deletions
+5 -9
View File
@@ -1,14 +1,10 @@
// Width and height
.w-25 { width: 25% !important; }
.w-50 { width: 50% !important; }
.w-75 { width: 75% !important; }
.w-100 { width: 100% !important; }
.h-25 { height: 25% !important; }
.h-50 { height: 50% !important; }
.h-75 { height: 75% !important; }
.h-100 { height: 100% !important; }
@each $prop, $abbrev in (width: w, height: h) {
@each $size, $length in $sizes {
.#{$abbrev}-#{$size} { #{$prop}: $length !important; }
}
}
.mw-100 { max-width: 100% !important; }
.mh-100 { max-height: 100% !important; }