diff options
author | ItaloBC <ItaloBC@users.noreply.github.com> | 2018-02-04 22:55:22 +0300 |
---|---|---|
committer | XhmikosR <xhmikosr@gmail.com> | 2018-10-23 06:04:08 +0300 |
commit | 557f3fe10033b1ec6f1de7e5c2b1ea12d15f2fe6 (patch) | |
tree | d13b92ace68bdff0214ea8242a02ff2ee48daea5 /scss | |
parent | 1c91f48251cc290e7ed9a23feb0b0d0f4d5fd684 (diff) |
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.
Diffstat (limited to 'scss')
-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 e95a4db36a..f376488022 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; } |