Add documentation of all CSS variables available

docs/_data/variables/layout/container.json

@@ -2,12 +2,14 @@
   "sass-vars": [
     {
       "name": "container-offset",
-      "value": "2 * iv.$gap"
+      "css-var": "container-offset",
+      "value": "64px"
     },
     {
       "name": "container-max-width",
-      "value": "iv.$fullhd"
+      "css-var": "container-max-width",
+      "value": "1408px"
     }
   ],
   "css-vars": []
-}
+}

docs/_data/variables/layout/hero.json

@@ -26,8 +26,19 @@
       "css-var": "hero-body-padding-large"
     },
     {
-      "name": "hero-colors",
-      "value": "dv.$colors"
+      "name": "hero-gradient-h-offset",
+      "value": "5deg",
+      "css-var": "hero-gradient-h-offset"
+    },
+    {
+      "name": "hero-gradient-s-offset",
+      "value": "10%",
+      "css-var": "hero-gradient-s-offset"
+    },
+    {
+      "name": "hero-gradient-l-offset",
+      "value": "5%",
+      "css-var": "hero-gradient-l-offset:"
     }
   ],
   "css-vars": [
@@ -52,4 +63,4 @@
       "value": "18rem 6rem"
     }
   ]
-}
+}

docs/_data/variables/layout/level.json

@@ -6,4 +6,4 @@
     }
   ],
   "css-vars": []
-}
+}