diff options
| author | ItaloBC <[email protected]> | 2018-02-04 16:55:22 -0300 |
|---|---|---|
| committer | XhmikosR <[email protected]> | 2018-10-23 06:04:08 +0300 |
| commit | 557f3fe10033b1ec6f1de7e5c2b1ea12d15f2fe6 (patch) | |
| tree | d13b92ace68bdff0214ea8242a02ff2ee48daea5 | |
| parent | 1c91f48251cc290e7ed9a23feb0b0d0f4d5fd684 (diff) | |
| download | bootstrap-557f3fe10033b1ec6f1de7e5c2b1ea12d15f2fe6.tar.xz bootstrap-557f3fe10033b1ec6f1de7e5c2b1ea12d15f2fe6.zip | |
Added Viewport Height & Width helpers
This allows the user to make a container (ideally) to use viewport height and width and allow better vertical/horizontal alignments of elements.
| -rw-r--r-- | scss/utilities/_sizing.scss | 8 |
1 files changed, 8 insertions, 0 deletions
diff --git a/scss/utilities/_sizing.scss b/scss/utilities/_sizing.scss index e95a4db36..f37648802 100644 --- a/scss/utilities/_sizing.scss +++ b/scss/utilities/_sizing.scss @@ -10,3 +10,11 @@ .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; } |