mirror of
https://github.com/twbs/bootstrap.git
synced 2024-11-29 11:24:18 +01:00
557f3fe100
This allows the user to make a container (ideally) to use viewport height and width and allow better vertical/horizontal alignments of elements.
21 lines
498 B
SCSS
21 lines
498 B
SCSS
// stylelint-disable declaration-no-important
|
|
|
|
// Width and height
|
|
|
|
@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; }
|
|
|
|
// Viewport additional helpers
|
|
|
|
.min-vw-100 { min-width: 100vw !important; }
|
|
.min-vh-100 { min-height: 100vh !important; }
|
|
|
|
.vw-100 { width: 100vw !important; }
|
|
.vh-100 { height: 100vh !important; }
|