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.

diff --git a/scss/utilities/_sizing.scss b/scss/utilities/_sizing.scss
index e95a4db36ace76169cda75daf7764974d6000db9..f3764880228bff11cab2ec034ef5a3848c441e5e 100644 (file)
--- 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; }