Docs/variables data (#1314)

* Replace variables.json with colors.json and update related files accordingly * Add variables data files * Update variables include template and all related files to use new variables data * Fix mobile breakpoint id typo in responsivness docs page * Fix Liquid syntax error in made-with-bulma docs page * Update bulma sass files count in modular docs page * Use breakpoints data in responsiveness helpers docs page * Use breakpoints and variables data in typography helpers docs page * Add missing page titles in docs pages front matter
2026-03-20 04:14:29 -07:00 · 2017-10-17 12:28:59 +03:00
parent e4fd1b7579
commit 1523ce8527
65 changed files with 2736 additions and 1158 deletions
--- a/docs/_data/variables/components/tabs.json
+++ b/docs/_data/variables/components/tabs.json
@@ -0,0 +1,130 @@
+{
+  "dir_name": "components",
+  "file_name": "tabs",
+  "file_relative_path": "components/tabs.sass",
+  "file_line_from": 1,
+  "file_line_to": 27,
+  "file_url": "https://github.com/jgthms/bulma/blob/master/sass/components/tabs.sass#L1,L27",
+  "vars": {
+    "tabs-border-bottom-color": {
+      "id": "tabs-border-bottom-color",
+      "name": "$tabs-border-bottom-color",
+      "value": "$border"
+    },
+    "tabs-border-bottom-style": {
+      "id": "tabs-border-bottom-style",
+      "name": "$tabs-border-bottom-style",
+      "value": "solid"
+    },
+    "tabs-border-bottom-width": {
+      "id": "tabs-border-bottom-width",
+      "name": "$tabs-border-bottom-width",
+      "value": "1px"
+    },
+    "tabs-link-color": {
+      "id": "tabs-link-color",
+      "name": "$tabs-link-color",
+      "value": "$text"
+    },
+    "tabs-link-hover-border-bottom-color": {
+      "id": "tabs-link-hover-border-bottom-color",
+      "name": "$tabs-link-hover-border-bottom-color",
+      "value": "$text-strong"
+    },
+    "tabs-link-hover-color": {
+      "id": "tabs-link-hover-color",
+      "name": "$tabs-link-hover-color",
+      "value": "$text-strong"
+    },
+    "tabs-link-active-border-bottom-color": {
+      "id": "tabs-link-active-border-bottom-color",
+      "name": "$tabs-link-active-border-bottom-color",
+      "value": "$link"
+    },
+    "tabs-link-active-color": {
+      "id": "tabs-link-active-color",
+      "name": "$tabs-link-active-color",
+      "value": "$link"
+    },
+    "tabs-link-padding": {
+      "id": "tabs-link-padding",
+      "name": "$tabs-link-padding",
+      "value": "0.5em 1em"
+    },
+    "tabs-boxed-link-radius": {
+      "id": "tabs-boxed-link-radius",
+      "name": "$tabs-boxed-link-radius",
+      "value": "$radius"
+    },
+    "tabs-boxed-link-hover-background-color": {
+      "id": "tabs-boxed-link-hover-background-color",
+      "name": "$tabs-boxed-link-hover-background-color",
+      "value": "$background"
+    },
+    "tabs-boxed-link-hover-border-bottom-color": {
+      "id": "tabs-boxed-link-hover-border-bottom-color",
+      "name": "$tabs-boxed-link-hover-border-bottom-color",
+      "value": "$border"
+    },
+    "tabs-boxed-link-active-background-color": {
+      "id": "tabs-boxed-link-active-background-color",
+      "name": "$tabs-boxed-link-active-background-color",
+      "value": "$white"
+    },
+    "tabs-boxed-link-active-border-color": {
+      "id": "tabs-boxed-link-active-border-color",
+      "name": "$tabs-boxed-link-active-border-color",
+      "value": "$border"
+    },
+    "tabs-boxed-link-active-border-bottom-color": {
+      "id": "tabs-boxed-link-active-border-bottom-color",
+      "name": "$tabs-boxed-link-active-border-bottom-color",
+      "value": "transparent"
+    },
+    "tabs-toggle-link-border-color": {
+      "id": "tabs-toggle-link-border-color",
+      "name": "$tabs-toggle-link-border-color",
+      "value": "$border"
+    },
+    "tabs-toggle-link-border-style": {
+      "id": "tabs-toggle-link-border-style",
+      "name": "$tabs-toggle-link-border-style",
+      "value": "solid"
+    },
+    "tabs-toggle-link-border-width": {
+      "id": "tabs-toggle-link-border-width",
+      "name": "$tabs-toggle-link-border-width",
+      "value": "1px"
+    },
+    "tabs-toggle-link-hover-background-color": {
+      "id": "tabs-toggle-link-hover-background-color",
+      "name": "$tabs-toggle-link-hover-background-color",
+      "value": "$background"
+    },
+    "tabs-toggle-link-hover-border-color": {
+      "id": "tabs-toggle-link-hover-border-color",
+      "name": "$tabs-toggle-link-hover-border-color",
+      "value": "$border-hover"
+    },
+    "tabs-toggle-link-radius": {
+      "id": "tabs-toggle-link-radius",
+      "name": "$tabs-toggle-link-radius",
+      "value": "$radius"
+    },
+    "tabs-toggle-link-active-background-color": {
+      "id": "tabs-toggle-link-active-background-color",
+      "name": "$tabs-toggle-link-active-background-color",
+      "value": "$link"
+    },
+    "tabs-toggle-link-active-border-color": {
+      "id": "tabs-toggle-link-active-border-color",
+      "name": "$tabs-toggle-link-active-border-color",
+      "value": "$link"
+    },
+    "tabs-toggle-link-active-color": {
+      "id": "tabs-toggle-link-active-color",
+      "name": "$tabs-toggle-link-active-color",
+      "value": "$link-invert"
+    }
+  }
+}