Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-18 03:14:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

Add documentation of all CSS variables available

Browse Source
This commit is contained in:
Jeremy Thomas
2024-09-18 14:46:10 +01:00
parent 29aea4dfc4
commit 15ff0be367
35 changed files with 635 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
docs/_data/variables/components/card.json
View File

@@ -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)"
}
]
}
}

6
docs/_data/variables/components/modal.json
View File

@@ -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"
}
]
}
}

43
docs/_data/variables/components/navbar.json
View File

@@ -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"
}
]
}
}

6
docs/_data/variables/components/pagination.json
View File

@@ -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},"
}
]
}
}