vmax and vmin classes

ryanve · May 24, 2017 · 61586b4 · 61586b4
1 parent 2e9207b
commit 61586b4
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -137,6 +137,8 @@ npm install flexboxes
 - `.basis-12` 12/12 grid
 - `.basis-100vw`
 - `.basis-100vh`
+- `.basis-100vmax`
+- `.basis-100vmin`
 - `.basis-golden`
 - `.basis-content`
 - `.basis-auto`

diff --git a/main.css b/main.css
@@ -107,6 +107,9 @@
 
 .basis-100vw { -ms-flex-preferred-size: 100vw; flex-basis: 100vw }
 .basis-100vh { -ms-flex-preferred-size: 100vh; flex-basis: 100vh }
+.basis-100vmax { -ms-flex-preferred-size: 100vmax; flex-basis: 100vmax }
+.basis-100vmin { -ms-flex-preferred-size: 100vmin; flex-basis: 100vmin }
+
 .basis-golden { -ms-flex-preferred-size: 61.803398875%; flex-basis: 61.803398875% }
 .basis-content { -ms-flex-preferred-size: content; flex-basis: content }
 .basis-auto { -ms-flex-preferred-size: auto; flex-basis: auto }

diff --git a/module.css b/module.css
@@ -107,6 +107,9 @@
 
 .basis-100vw { flex-basis: 100vw }
 .basis-100vh { flex-basis: 100vh }
+.basis-100vmax { flex-basis: 100vmax }
+.basis-100vmin { flex-basis: 100vmin }
+
 .basis-golden { flex-basis: 61.803398875% }
 .basis-content { flex-basis: content }
 .basis-auto { flex-basis: auto }