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

Init v1

Browse Source
This commit is contained in:
Jeremy Thomas
2024-03-21 16:11:54 +00:00
parent 16f1b76881
commit 69877a652c
3261 changed files with 255369 additions and 108913 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,281 +1,143 @@
{
"by_name": {
"$navbar-background-color": {
"name": "$navbar-background-color",
"value": "$scheme-main",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 100%)"
"sass-vars": [
{
"name": "navbar-background-color",
"value": "var(--bulma-scheme-main)"
},
"$navbar-box-shadow-size": {
"name": "$navbar-box-shadow-size",
"value": "0 2px 0 0",
"type": "size"
{
"name": "navbar-box-shadow-size",
"value": "0 0.125em 0 0"
},
"$navbar-box-shadow-color": {
"name": "$navbar-box-shadow-color",
"value": "$background",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
{
"name": "navbar-box-shadow-color",
"value": "var(--bulma-background)"
},
"$navbar-height": {
"name": "$navbar-height",
{
"name": "navbar-height",
"value": "3.25rem",
"type": "size"
"css-var": "navbar-height"
},
"$navbar-padding-vertical": {
"name": "$navbar-padding-vertical",
"value": "1rem",
"type": "size"
{
"name": "navbar-padding-vertical",
"value": "1rem"
},
"$navbar-padding-horizontal": {
"name": "$navbar-padding-horizontal",
"value": "2rem",
"type": "size"
{
"name": "navbar-padding-horizontal",
"value": "2rem"
},
"$navbar-z": {
"name": "$navbar-z",
"value": "30",
"type": "string"
{
"name": "navbar-z",
"value": "30"
},
"$navbar-fixed-z": {
"name": "$navbar-fixed-z",
"value": "30",
"type": "string"
{
"name": "navbar-fixed-z",
"value": "30"
},
"$navbar-item-color": {
"name": "$navbar-item-color",
"value": "$text",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 29%)"
{
"name": "navbar-item-img-max-height",
"value": "1.75rem"
},
"$navbar-item-hover-color": {
"name": "$navbar-item-hover-color",
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(229, 53%, 53%)"
{
"name": "navbar-burger-color",
"value": "var(--bulma-navbar-item-color)"
},
"$navbar-item-hover-background-color": {
"name": "$navbar-item-hover-background-color",
"value": "$scheme-main-bis",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 98%)"
{
"name": "navbar-tab-hover-background-color",
"value": "transparent"
},
"$navbar-item-active-color": {
"name": "$navbar-item-active-color",
"value": "$scheme-invert",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 4%)"
{
"name": "navbar-tab-hover-border-bottom-color",
"value": "var(--bulma-link)"
},
"$navbar-item-active-background-color": {
"name": "$navbar-item-active-background-color",
"value": "transparent",
"type": "string"
{
"name": "navbar-tab-active-color",
"value": "var(--bulma-link)"
},
"$navbar-item-img-max-height": {
"name": "$navbar-item-img-max-height",
"value": "1.75rem",
"type": "size"
{
"name": "navbar-tab-active-background-color",
"value": "transparent"
},
"$navbar-burger-color": {
"name": "$navbar-burger-color",
"value": "$navbar-item-color",
"type": "variable"
{
"name": "navbar-tab-active-border-bottom-color",
"value": "var(--bulma-link)"
},
"$navbar-tab-hover-background-color": {
"name": "$navbar-tab-hover-background-color",
"value": "transparent",
"type": "string"
{
"name": "navbar-tab-active-border-bottom-style",
"value": "solid"
},
"$navbar-tab-hover-border-bottom-color": {
"name": "$navbar-tab-hover-border-bottom-color",
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(229, 53%, 53%)"
{
"name": "navbar-tab-active-border-bottom-width",
"value": "0.1875em"
},
"$navbar-tab-active-color": {
"name": "$navbar-tab-active-color",
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(229, 53%, 53%)"
{
"name": "navbar-dropdown-background-color",
"value": "var(--bulma-scheme-main)"
},
"$navbar-tab-active-background-color": {
"name": "$navbar-tab-active-background-color",
"value": "transparent",
"type": "string"
{
"name": "navbar-dropdown-border-l",
"value": "var(--bulma-border-l)"
},
"$navbar-tab-active-border-bottom-color": {
"name": "$navbar-tab-active-border-bottom-color",
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(229, 53%, 53%)"
{
"name": "navbar-dropdown-border-color",
"value": "hsl(\n var(--bulma-navbar-h),\n var(--bulma-navbar-s),\n var(--bulma-navbar-dropdown-border-l)\n)"
},
"$navbar-tab-active-border-bottom-style": {
"name": "$navbar-tab-active-border-bottom-style",
"value": "solid",
"type": "string"
{
"name": "navbar-dropdown-border-style",
"value": "solid"
},
"$navbar-tab-active-border-bottom-width": {
"name": "$navbar-tab-active-border-bottom-width",
"value": "3px",
"type": "size"
{
"name": "navbar-dropdown-border-width",
"value": "0.125em"
},
"$navbar-dropdown-background-color": {
"name": "$navbar-dropdown-background-color",
"value": "$scheme-main",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 100%)"
{
"name": "navbar-dropdown-offset",
"value": "-0.25em"
},
"$navbar-dropdown-border-top": {
"name": "$navbar-dropdown-border-top",
"value": "2px solid $border",
"type": "size"
{
"name": "navbar-dropdown-arrow",
"value": "var(--bulma-link)"
},
"$navbar-dropdown-offset": {
"name": "$navbar-dropdown-offset",
"value": "-4px",
"type": "size"
{
"name": "navbar-dropdown-radius",
"value": "var(--bulma-radius-large)"
},
"$navbar-dropdown-arrow": {
"name": "$navbar-dropdown-arrow",
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(229, 53%, 53%)"
{
"name": "navbar-dropdown-z",
"value": "20"
},
"$navbar-dropdown-radius": {
"name": "$navbar-dropdown-radius",
"value": "$radius-large",
"type": "variable",
"computed_type": "size",
"computed_value": "6px"
{
"name": "navbar-dropdown-boxed-radius",
"value": "var(--bulma-radius-large)"
},
"$navbar-dropdown-z": {
"name": "$navbar-dropdown-z",
"value": "20",
"type": "string"
{
"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 )"
},
"$navbar-dropdown-boxed-radius": {
"name": "$navbar-dropdown-boxed-radius",
"value": "$radius-large",
"type": "variable",
"computed_type": "size",
"computed_value": "6px"
{
"name": "navbar-divider-background-l",
"value": "var(--bulma-background-l)"
},
"$navbar-dropdown-boxed-shadow": {
"name": "$navbar-dropdown-boxed-shadow",
"value": "0 8px 8px bulmaRgba($scheme-invert, 0.1), 0 0 0 1px bulmaRgba($scheme-invert, 0.1)",
"type": "shadow"
{
"name": "navbar-divider-height",
"value": "0.125em"
},
"$navbar-dropdown-item-hover-color": {
"name": "$navbar-dropdown-item-hover-color",
"value": "$scheme-invert",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 4%)"
{
"name": "navbar-bottom-box-shadow-size",
"value": "0 -0.125em 0 0"
},
"$navbar-dropdown-item-hover-background-color": {
"name": "$navbar-dropdown-item-hover-background-color",
"value": "$background",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
{
"name": "navbar-breakpoint",
"value": "iv.$desktop"
},
"$navbar-dropdown-item-active-color": {
"name": "$navbar-dropdown-item-active-color",
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(229, 53%, 53%)"
},
"$navbar-dropdown-item-active-background-color": {
"name": "$navbar-dropdown-item-active-background-color",
"value": "$background",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
},
"$navbar-divider-background-color": {
"name": "$navbar-divider-background-color",
"value": "$background",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
},
"$navbar-divider-height": {
"name": "$navbar-divider-height",
"value": "2px",
"type": "size"
},
"$navbar-bottom-box-shadow-size": {
"name": "$navbar-bottom-box-shadow-size",
"value": "0 -2px 0 0",
"type": "size"
},
"$navbar-breakpoint": {
"name": "$navbar-breakpoint",
"value": "$desktop",
"type": "variable",
"computed_type": "computed",
"computed_value": "960px + (2 * $gap)"
},
"$navbar-colors": {
"name": "$navbar-colors",
"value": "$colors",
"type": "variable",
"computed_type": "map",
"computed_value": "Bulma colors"
{
"name": "navbar-colors",
"value": "dv.$colors"
}
},
"list": [
"$navbar-background-color",
"$navbar-box-shadow-size",
"$navbar-box-shadow-color",
"$navbar-height",
"$navbar-padding-vertical",
"$navbar-padding-horizontal",
"$navbar-z",
"$navbar-fixed-z",
"$navbar-item-color",
"$navbar-item-hover-color",
"$navbar-item-hover-background-color",
"$navbar-item-active-color",
"$navbar-item-active-background-color",
"$navbar-item-img-max-height",
"$navbar-burger-color",
"$navbar-tab-hover-background-color",
"$navbar-tab-hover-border-bottom-color",
"$navbar-tab-active-color",
"$navbar-tab-active-background-color",
"$navbar-tab-active-border-bottom-color",
"$navbar-tab-active-border-bottom-style",
"$navbar-tab-active-border-bottom-width",
"$navbar-dropdown-background-color",
"$navbar-dropdown-border-top",
"$navbar-dropdown-offset",
"$navbar-dropdown-arrow",
"$navbar-dropdown-radius",
"$navbar-dropdown-z",
"$navbar-dropdown-boxed-radius",
"$navbar-dropdown-boxed-shadow",
"$navbar-dropdown-item-hover-color",
"$navbar-dropdown-item-hover-background-color",
"$navbar-dropdown-item-active-color",
"$navbar-dropdown-item-active-background-color",
"$navbar-divider-background-color",
"$navbar-divider-height",
"$navbar-bottom-box-shadow-size",
"$navbar-breakpoint",
"$navbar-colors"
],
"file_path": "components/navbar.sass"
"css-vars": [
{
"name": "navbar-height",
"value": "3.25rem"
}
]
}