diff --git a/src/_gap.css b/src/_gap.css
index 30dfa0f..86033a8 100644
--- a/src/_gap.css
+++ b/src/_gap.css
@@ -1,17 +1,3 @@
-/* Variables */
-
-:root {
-  --spacing-0: 0;
-  --spacing-1: .25rem;
-  --spacing-2: .5rem;
-  --spacing-3: 1rem;
-  --spacing-4: 2rem;
-  --spacing-5: 4rem;
-  --spacing-6: 8rem;
-  --spacing-7: 16rem;
-  --spacing-8: 32rem;
-}
-
 /*
    GAP: GRID AND FLEX SPACING
    Docs: http://tachyons.io/docs/layout/gap/
@@ -28,35 +14,35 @@
 */
 
 
-.g0 { gap: var(--spacing-0); }
-.g1 { gap: var(--spacing-1); }
-.g2 { gap: var(--spacing-2); }
-.g3 { gap: var(--spacing-3); }
-.g4 { gap: var(--spacing-4); }
-.g5 { gap: var(--spacing-5); }
-.g6 { gap: var(--spacing-6); }
-.g7 { gap: var(--spacing-7); }
+.g0 { gap: var(--spacing-0, 0); }
+.g1 { gap: var(--spacing-1, 4px); }
+.g2 { gap: var(--spacing-2, 8px); }
+.g3 { gap: var(--spacing-3, 16px); }
+.g4 { gap: var(--spacing-4, 32px); }
+.g5 { gap: var(--spacing-5, 64px); }
+.g6 { gap: var(--spacing-6, 128px); }
+.g7 { gap: var(--spacing-7, 256px); }
 
 @media (--breakpoint-small) {
-  .g0-s { gap: var(--spacing-0); }
-  .g1-s { gap: var(--spacing-1); }
-  .g2-s { gap: var(--spacing-2); }
-  .g3-s { gap: var(--spacing-3); }
-  .g4-s { gap: var(--spacing-4); }
-  .g5-s { gap: var(--spacing-5); }
-  .g6-s { gap: var(--spacing-6); }
-  .g7-s { gap: var(--spacing-7); }
+  .g0-s { gap: var(--spacing-0, 0); }
+  .g1-s { gap: var(--spacing-1, 4px); }
+  .g2-s { gap: var(--spacing-2, 8px); }
+  .g3-s { gap: var(--spacing-3, 16px); }
+  .g4-s { gap: var(--spacing-4, 32px); }
+  .g5-s { gap: var(--spacing-5, 64px); }
+  .g6-s { gap: var(--spacing-6, 128px); }
+  .g7-s { gap: var(--spacing-7, 256px); }
 }
 
 @media (--breakpoint-medium) {
-  .g0-m { gap: var(--spacing-0); }
-  .g1-m { gap: var(--spacing-1); }
-  .g2-m { gap: var(--spacing-2); }
-  .g3-m { gap: var(--spacing-3); }
-  .g4-m { gap: var(--spacing-4); }
-  .g5-m { gap: var(--spacing-5); }
-  .g6-m { gap: var(--spacing-6); }
-  .g7-m { gap: var(--spacing-7); }
+  .g0-m { gap: var(--spacing-0, 0); }
+  .g1-m { gap: var(--spacing-1, 4px); }
+  .g2-m { gap: var(--spacing-2, 8px); }
+  .g3-m { gap: var(--spacing-3, 16px); }
+  .g4-m { gap: var(--spacing-4, 32px); }
+  .g5-m { gap: var(--spacing-5, 64px); }
+  .g6-m { gap: var(--spacing-6, 128px); }
+  .g7-m { gap: var(--spacing-7, 256px); }
 }