Add documentation of all CSS variables available

jgthms · Sep 18, 2024 · 15ff0be · 15ff0be
1 parent 29aea4d
commit 15ff0be
Show file tree

Hide file tree

Showing 35 changed files with 635 additions and 97 deletions.
diff --git a/docs/_data/variables/components/card.json b/docs/_data/variables/components/card.json
@@ -37,7 +37,7 @@
     },
     {
       "name": "card-header-shadow",
-      "value": "0 0.125em 0.25em\n  hsla(\n    var(--bulma-scheme-h),\n    var(--bulma-scheme-s),\n    var(--bulma-scheme-invert-l),\n    0.1\n  )",
+      "value": "0 0.125em 0.25em hsla(\n  var(--bulma-scheme-h),\n  var(--bulma-scheme-s),\n  var(--bulma-scheme-invert-l),\n  0.1\n)",
       "css-var": "card-header-shadow"
     },
     {
@@ -138,4 +138,4 @@
       "value": "var(--bulma-block-spacing)"
     }
   ]
-}
+}
diff --git a/docs/_data/variables/components/modal.json b/docs/_data/variables/components/modal.json
@@ -99,10 +99,6 @@
       "name": "modal-card-body-padding",
       "value": "2rem",
       "css-var": "modal-card-body-padding"
-    },
-    {
-      "name": "modal-breakpoint",
-      "value": "iv.$tablet"
     }
   ],
   "css-vars": [
@@ -187,4 +183,4 @@
       "value": "2rem"
     }
   ]
-}
+}
diff --git a/docs/_data/variables/components/navbar.json b/docs/_data/variables/components/navbar.json
@@ -2,14 +2,17 @@
   "sass-vars": [
     {
       "name": "navbar-background-color",
+      "css-var": "navbar-background-color",
       "value": "var(--bulma-scheme-main)"
     },
     {
       "name": "navbar-box-shadow-size",
+      "css-var": "navbar-box-shadow-size",
       "value": "0 0.125em 0 0"
     },
     {
       "name": "navbar-box-shadow-color",
+      "css-var": "navbar-box-shadow-color",
       "value": "var(--bulma-background)"
     },
     {
@@ -19,125 +22,145 @@
     },
     {
       "name": "navbar-padding-vertical",
+      "css-var": "navbar-padding-vertical",
       "value": "1rem"
     },
     {
       "name": "navbar-padding-horizontal",
+      "css-var": "navbar-padding-horizontal",
       "value": "2rem"
     },
     {
       "name": "navbar-z",
+      "css-var": "navbar-z",
       "value": "30"
     },
     {
       "name": "navbar-fixed-z",
+      "css-var": "navbar-fixed-z",
       "value": "30"
     },
     {
       "name": "navbar-item-img-max-height",
+      "css-var": "navbar-item-img-max-height",
       "value": "1.75rem"
     },
     {
       "name": "navbar-burger-color",
+      "css-var": "navbar-burger-color",
       "value": "var(--bulma-navbar-item-color)"
     },
     {
       "name": "navbar-tab-hover-background-color",
+      "css-var": "navbar-tab-hover-background-color",
       "value": "transparent"
     },
     {
       "name": "navbar-tab-hover-border-bottom-color",
+      "css-var": "navbar-tab-hover-border-bottom-color",
       "value": "var(--bulma-link)"
     },
     {
       "name": "navbar-tab-active-color",
+      "css-var": "navbar-tab-active-color",
       "value": "var(--bulma-link)"
     },
     {
       "name": "navbar-tab-active-background-color",
+      "css-var": "navbar-tab-active-background-color",
       "value": "transparent"
     },
     {
       "name": "navbar-tab-active-border-bottom-color",
+      "css-var": "navbar-tab-active-border-bottom-color",
       "value": "var(--bulma-link)"
     },
     {
       "name": "navbar-tab-active-border-bottom-style",
+      "css-var": "navbar-tab-active-border-bottom-style",
       "value": "solid"
     },
     {
       "name": "navbar-tab-active-border-bottom-width",
+      "css-var": "navbar-tab-active-border-bottom-width",
       "value": "0.1875em"
     },
     {
       "name": "navbar-dropdown-background-color",
+      "css-var": "navbar-dropdown-background-color",
       "value": "var(--bulma-scheme-main)"
     },
     {
       "name": "navbar-dropdown-border-l",
+      "css-var": "navbar-dropdown-border-l",
       "value": "var(--bulma-border-l)"
     },
     {
       "name": "navbar-dropdown-border-color",
+      "css-var": "navbar-dropdown-border-color",
       "value": "hsl(\n  var(--bulma-navbar-h),\n  var(--bulma-navbar-s),\n  var(--bulma-navbar-dropdown-border-l)\n)"
     },
     {
       "name": "navbar-dropdown-border-style",
+      "css-var": "navbar-dropdown-border-style",
       "value": "solid"
     },
     {
       "name": "navbar-dropdown-border-width",
+      "css-var": "navbar-dropdown-border-width",
       "value": "0.125em"
     },
     {
       "name": "navbar-dropdown-offset",
+      "css-var": "navbar-dropdown-offset",
       "value": "-0.25em"
     },
     {
       "name": "navbar-dropdown-arrow",
+      "css-var": "navbar-dropdown-arrow",
       "value": "var(--bulma-link)"
     },
     {
       "name": "navbar-dropdown-radius",
+      "css-var": "navbar-dropdown-radius",
       "value": "var(--bulma-radius-large)"
     },
     {
       "name": "navbar-dropdown-z",
+      "css-var": "navbar-dropdown-z",
       "value": "20"
     },
     {
       "name": "navbar-dropdown-boxed-radius",
+      "css-var": "navbar-dropdown-boxed-radius",
       "value": "var(--bulma-radius-large)"
     },
     {
       "name": "navbar-dropdown-boxed-shadow",
-      "value": "0 0.5em 0.5em\n    hsla(\n      var(--bulma-scheme-h),\n      var(--bulma-scheme-s),\n      var(--bulma-scheme-invert-l),\n      0.1\n    ),\n  0 0 0 1px\n    hsla(\n      var(--bulma-scheme-h),\n      var(--bulma-scheme-s),\n      var(--bulma-scheme-invert-l),\n      0.1\n    )"
+      "css-var": "navbar-dropdown-boxed-shadow",
+      "value": "0 0.5em 0.5em hsla(\n  var(--bulma-scheme-h),\n  var(--bulma-scheme-s),\n  var(--bulma-scheme-invert-l),\n  0.1\n),\n0 0 0 1px hsla(\n  var(--bulma-scheme-h),\n  var(--bulma-scheme-s),\n  var(--bulma-scheme-invert-l),\n  0.1\n)"
     },
     {
       "name": "navbar-divider-background-l",
+      "css-var": "navbar-divider-background-l",
       "value": "var(--bulma-background-l)"
     },
     {
       "name": "navbar-divider-height",
+      "css-var": "navbar-divider-height",
       "value": "0.125em"
     },
     {
       "name": "navbar-bottom-box-shadow-size",
+      "css-var": "navbar-bottom-box-shadow-size",
       "value": "0 -0.125em 0 0"
-    },
-    {
-      "name": "navbar-breakpoint",
-      "value": "iv.$desktop"
-    },
-    {
-      "name": "navbar-colors",
-      "value": "dv.$colors"
     }
   ],
   "css-vars": [
     {
       "name": "navbar-height",
+      "css-var": "navbar-height",
       "value": "3.25rem"
     }
   ]
-}
+}
diff --git a/docs/_data/variables/components/pagination.json b/docs/_data/variables/components/pagination.json
@@ -87,7 +87,7 @@
     },
     {
       "name": "pagination-shadow-inset",
-      "value": "inset 0 0.0625em 0.125em\n  hsla(\n    var(--bulma-scheme-h),\n    var(--bulma-scheme-s),\n    var(--bulma-scheme-invert-l),\n    0.2\n  )",
+      "value": "inset 0 0.0625em 0.125em hsla(\n  var(--bulma-scheme-h),\n  var(--bulma-scheme-s),\n  var(--bulma-scheme-invert-l),\n  0.2\n)",
       "css-var": "pagination-shadow-inset"
     }
   ],
@@ -226,7 +226,7 @@
     },
     {
       "name": "pagination-shadow-inset",
-      "value": "inset 0 0.0625em 0.125em\n  hsla(\n    var(--bulma-scheme-h),\n    var(--bulma-scheme-s),\n    var(--bulma-scheme-invert-l),\n    0.2\n  )"
+      "value": "inset 0 0.0625em 0.125em hsla(\n  var(--bulma-scheme-h),\n  var(--bulma-scheme-s),\n  var(--bulma-scheme-invert-l),\n  0.2\n)"
     },
     {
       "name": "pagination-selected-item-h",
@@ -253,4 +253,4 @@
       "value": "#{$pagination-selected-item-color-l},"
     }
   ]
-}
+}
diff --git a/docs/_data/variables/elements/block.json b/docs/_data/variables/elements/block.json
@@ -1,4 +1,9 @@
 {
   "sass-vars": [],
-  "css-vars": []
-}
+  "css-vars": [
+    {
+      "name": "block-spacing",
+      "value": "1.5rem"
+    }
+  ]
+}
diff --git a/docs/_data/variables/elements/box.json b/docs/_data/variables/elements/box.json
@@ -27,12 +27,12 @@
     },
     {
       "name": "box-link-hover-shadow",
-      "value": "0 0.5em 1em -0.125em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), #{cv.getVar(\n          \"scheme-invert-l\"\n        )}, 0.1),\n  0 0 0 1px var(--bulma-link)",
+      "value": "0 0.5em 1em -0.125em hsla(\n  var(--bulma-scheme-h),\n  var(--bulma-scheme-s),\n  var(--bulma-scheme-invert-l),\n  0.1\n),\n0 0 0 1px var(--bulma-link)",
       "css-var": "box-link-hover-shadow"
     },
     {
       "name": "box-link-active-shadow",
-      "value": "inset 0 1px 2px\n    hsla(\n      var(--bulma-scheme-h),\n      var(--bulma-scheme-s),\n      var(--bulma-scheme-invert-l),\n      0.2\n    ),\n  0 0 0 1px var(--bulma-link)",
+      "value": "inset 0 1px 2px hsla(\n  var(--bulma-scheme-h),\n  var(--bulma-scheme-s),\n  var(--bulma-scheme-invert-l),\n  0.2\n),\n0 0 0 1px var(--bulma-link)",
       "css-var": "box-link-active-shadow"
     }
   ],
@@ -59,11 +59,11 @@
     },
     {
       "name": "box-link-hover-shadow",
-      "value": "0 0.5em 1em -0.125em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), #{cv.getVar(\n          \"scheme-invert-l\"\n        )}, 0.1),\n  0 0 0 1px var(--bulma-link)"
+      "value": "0 0.5em 1em -0.125em hsla(\nvar(--bulma-scheme-h),\nvar(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.1),\n0 0 0 1px var(--bulma-link)"
     },
     {
       "name": "box-link-active-shadow",
-      "value": "inset 0 1px 2px\n    hsla(\n      var(--bulma-scheme-h),\n      var(--bulma-scheme-s),\n      var(--bulma-scheme-invert-l),\n      0.2\n    ),\n  0 0 0 1px var(--bulma-link)"
+      "value": "inset 0 1px 2px hsla( var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.2),\n0 0 0 1px var(--bulma-link)"
     }
   ]
-}
+}
diff --git a/docs/_data/variables/elements/button.json b/docs/_data/variables/elements/button.json
@@ -148,10 +148,6 @@
     {
       "name": "button-colors",
       "value": "dv.$colors"
-    },
-    {
-      "name": "button-responsive-sizes",
-      "value": "(\n  \"mobile\": (\n    \"small\": calc(var(--bulma-size-small) * 0.75),\n    \"normal\": calc(var(--bulma-size-small) * 0.875),\n    \"medium\": var(--bulma-size-small),\n    \"large\": var(--bulma-size-normal),\n  ),\n  \"tablet-only\": (\n    \"small\": calc(var(--bulma-size-small) * 0.875),\n    \"normal\": var(--bulma-size-small),\n    \"medium\": var(--bulma-size-normal),\n    \"large\": var(--bulma-size-medium),\n  ),\n)"
     }
   ],
   "css-vars": [
@@ -272,4 +268,4 @@
       "value": "var(--bulma-border)"
     }
   ]
-}
+}
diff --git a/docs/_data/variables/elements/delete.json b/docs/_data/variables/elements/delete.json
@@ -1,4 +1,21 @@
 {
   "sass-vars": [],
-  "css-vars": []
-}
+  "css-vars": [
+    {
+      "name": "delete-dimensions",
+      "value": "1.25rem"
+    },
+    {
+      "name": "delete-background-l",
+      "value": "0%"
+    },
+    {
+      "name": "delete-background-alpha",
+      "value": "0.5"
+    },
+    {
+      "name": "delete-color",
+      "value": "var(--bulma-white)"
+    }
+  ]
+}
diff --git a/docs/_data/variables/elements/table.json b/docs/_data/variables/elements/table.json
@@ -97,7 +97,7 @@
     },
     {
       "name": "table-striped-row-even-hover-background-color",
-      "value": "cv.getVar(\n  \"scheme-main-ter\"\n)",
+      "value": "var(--bulma-scheme-main-ter)",
       "css-var": "table-striped-row-even-hover-background-color"
     },
     {
@@ -187,4 +187,4 @@
       "value": "cv.getVar(\n  \"scheme-main-ter\"\n)"
     }
   ]
-}
+}
diff --git a/docs/_data/variables/form/file.json b/docs/_data/variables/form/file.json
@@ -36,10 +36,6 @@
       "name": "file-name-max-width",
       "value": "16em",
       "css-var": "file-name-max-width"
-    },
-    {
-      "name": "file-colors",
-      "value": "shared.$form-colors"
     }
   ],
   "css-vars": [
@@ -124,4 +120,4 @@
       "value": "#{$file-active-color-l-delta},"
     }
   ]
-}
+}