From 557f3fe10033b1ec6f1de7e5c2b1ea12d15f2fe6 Mon Sep 17 00:00:00 2001 From: ItaloBC Date: Sun, 4 Feb 2018 16:55:22 -0300 Subject: [PATCH] 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. --- scss/utilities/_sizing.scss | 8 ++++++++ 1 file changed, 8 insertions(+) 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; }