Skip to content

Commit 557f3fe

Browse files
ItaloBCXhmikosR
authored andcommitted
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.
1 parent 1c91f48 commit 557f3fe

1 file changed

Lines changed: 8 additions & 0 deletions

File tree

scss/utilities/_sizing.scss

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,3 +10,11 @@
1010

1111
.mw-100 { max-width: 100% !important; }
1212
.mh-100 { max-height: 100% !important; }
13+
14+
// Viewport additional helpers
15+
16+
.min-vw-100 { min-width: 100vw !important; }
17+
.min-vh-100 { min-height: 100vh !important; }
18+
19+
.vw-100 { width: 100vw !important; }
20+
.vh-100 { height: 100vh !important; }

0 commit comments

Comments
 (0)