Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-17 02:44:29 -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

4
docs/_data/variables/base/animations.json Normal file
View File

@@ -0,0 +1,4 @@
{
"sass-vars": [],
"css-vars": []
}

305
docs/_data/variables/base/generic.json
View File

@@ -1,167 +1,222 @@
{
"by_name": {
"$body-background-color": {
"name": "$body-background-color",
"value": "$scheme-main",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 100%)"
"sass-vars": [
{
"name": "body-background-color",
"value": "var(--bulma-scheme-main)",
"css-var": "body-background-color"
},
"$body-size": {
"name": "$body-size",
"value": "16px",
"type": "size"
{
"name": "body-size",
"value": "1em",
"css-var": "body-size"
},
"$body-min-width": {
"name": "$body-min-width",
{
"name": "body-min-width",
"value": "300px",
"type": "size"
"css-var": "body-min-width"
},
"$body-rendering": {
"name": "$body-rendering",
{
"name": "body-rendering",
"value": "optimizeLegibility",
"type": "keyword"
"css-var": "body-rendering"
},
"$body-family": {
"name": "$body-family",
"value": "$family-primary",
"type": "variable",
"computed_type": "font-family",
"computed_value": "BlinkMacSystemFont, -apple-system, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", sans-serif"
{
"name": "body-family",
"value": "var(--bulma-family-primary)",
"css-var": "body-family"
},
"$body-overflow-x": {
"name": "$body-overflow-x",
{
"name": "body-overflow-x",
"value": "hidden",
"type": "string"
"css-var": "body-overflow-x"
},
"$body-overflow-y": {
"name": "$body-overflow-y",
{
"name": "body-overflow-y",
"value": "scroll",
"type": "string"
"css-var": "body-overflow-y"
},
"$body-color": {
"name": "$body-color",
"value": "$text",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 29%)"
{
"name": "body-color",
"value": "var(--bulma-text)",
"css-var": "body-color"
},
"$body-font-size": {
"name": "$body-font-size",
{
"name": "body-font-size",
"value": "1em",
"type": "size"
"css-var": "body-font-size"
},
"$body-weight": {
"name": "$body-weight",
"value": "$weight-normal",
"type": "variable",
"computed_type": "font-weight",
"computed_value": "400"
{
"name": "body-weight",
"value": "var(--bulma-weight-normal)",
"css-var": "body-weight"
},
"$body-line-height": {
"name": "$body-line-height",
{
"name": "body-line-height",
"value": "1.5",
"type": "unitless"
"css-var": "body-line-height"
},
"$code-family": {
"name": "$code-family",
"value": "$family-code",
"type": "variable",
"computed_type": "font-family",
"computed_value": "monospace"
{
"name": "code-family",
"value": "var(--bulma-family-code)",
"css-var": "code-family"
},
"$code-padding": {
"name": "$code-padding",
{
"name": "code-padding",
"value": "0.25em 0.5em 0.25em",
"type": "size"
"css-var": "code-padding"
},
"$code-weight": {
"name": "$code-weight",
{
"name": "code-weight",
"value": "normal",
"type": "font-weight"
"css-var": "code-weight"
},
"$code-size": {
"name": "$code-size",
{
"name": "code-size",
"value": "0.875em",
"type": "size"
"css-var": "code-size"
},
"$small-font-size": {
"name": "$small-font-size",
{
"name": "small-font-size",
"value": "0.875em",
"type": "size"
"css-var": "small-font-size"
},
"$hr-background-color": {
"name": "$hr-background-color",
"value": "$background",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
{
"name": "hr-background-color",
"value": "var(--bulma-background)",
"css-var": "hr-background-color"
},
"$hr-height": {
"name": "$hr-height",
{
"name": "hr-height",
"value": "2px",
"type": "size"
"css-var": "hr-height"
},
"$hr-margin": {
"name": "$hr-margin",
{
"name": "hr-margin",
"value": "1.5rem 0",
"type": "size"
"css-var": "hr-margin"
},
"$strong-color": {
"name": "$strong-color",
"value": "$text-strong",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
{
"name": "strong-color",
"value": "var(--bulma-text-strong)",
"css-var": "strong-color"
},
"$strong-weight": {
"name": "$strong-weight",
"value": "$weight-bold",
"type": "variable",
"computed_type": "font-weight",
"computed_value": "700"
{
"name": "strong-weight",
"value": "var(--bulma-weight-semibold)",
"css-var": "strong-weight"
},
"$pre-font-size": {
"name": "$pre-font-size",
{
"name": "pre-font-size",
"value": "0.875em",
"type": "size"
"css-var": "pre-font-size"
},
"$pre-padding": {
"name": "$pre-padding",
{
"name": "pre-padding",
"value": "1.25rem 1.5rem",
"type": "size"
"css-var": "pre-padding"
},
"$pre-code-font-size": {
"name": "$pre-code-font-size",
{
"name": "pre-code-font-size",
"value": "1em",
"type": "size"
"css-var": "pre-code-font-size"
}
},
"list": [
"$body-background-color",
"$body-size",
"$body-min-width",
"$body-rendering",
"$body-family",
"$body-overflow-x",
"$body-overflow-y",
"$body-color",
"$body-font-size",
"$body-weight",
"$body-line-height",
"$code-family",
"$code-padding",
"$code-weight",
"$code-size",
"$small-font-size",
"$hr-background-color",
"$hr-height",
"$hr-margin",
"$strong-color",
"$strong-weight",
"$pre-font-size",
"$pre-padding",
"$pre-code-font-size"
],
"file_path": "base/generic.sass"
"css-vars": [
{
"name": "body-background-color",
"value": "var(--bulma-scheme-main)"
},
{
"name": "body-size",
"value": "1em"
},
{
"name": "body-min-width",
"value": "300px"
},
{
"name": "body-rendering",
"value": "optimizeLegibility"
},
{
"name": "body-family",
"value": "var(--bulma-family-primary)"
},
{
"name": "body-overflow-x",
"value": "hidden"
},
{
"name": "body-overflow-y",
"value": "scroll"
},
{
"name": "body-color",
"value": "var(--bulma-text)"
},
{
"name": "body-font-size",
"value": "1em"
},
{
"name": "body-weight",
"value": "var(--bulma-weight-normal)"
},
{
"name": "body-line-height",
"value": "1.5"
},
{
"name": "code-family",
"value": "var(--bulma-family-code)"
},
{
"name": "code-padding",
"value": "0.25em 0.5em 0.25em"
},
{
"name": "code-weight",
"value": "normal"
},
{
"name": "code-size",
"value": "0.875em"
},
{
"name": "small-font-size",
"value": "0.875em"
},
{
"name": "hr-background-color",
"value": "var(--bulma-background)"
},
{
"name": "hr-height",
"value": "2px"
},
{
"name": "hr-margin",
"value": "1.5rem 0"
},
{
"name": "strong-color",
"value": "var(--bulma-text-strong)"
},
{
"name": "strong-weight",
"value": "var(--bulma-weight-semibold)"
},
{
"name": "pre-font-size",
"value": "0.875em"
},
{
"name": "pre-padding",
"value": "1.25rem 1.5rem"
},
{
"name": "pre-code-font-size",
"value": "1em"
}
]
}

4
docs/_data/variables/base/minireset.json Normal file
View File

@@ -0,0 +1,4 @@
{
"sass-vars": [],
"css-vars": []
}

51
docs/_data/variables/base/skeleton.json Normal file
View File

@@ -0,0 +1,51 @@
{
"sass-vars": [
{
"name": "skeleton-background",
"value": "var(--bulma-border)",
"css-var": "skeleton-background"
},
{
"name": "skeleton-radius",
"value": "var(--bulma-radius-small)",
"css-var": "skeleton-radius"
},
{
"name": "skeleton-block-min-height",
"value": "4.5em",
"css-var": "skeleton-block-min-height"
},
{
"name": "skeleton-lines-gap",
"value": "0.75em",
"css-var": "skeleton-lines-gap"
},
{
"name": "skeleton-line-height",
"value": "0.75em",
"css-var": "skeleton-line-height"
}
],
"css-vars": [
{
"name": "skeleton-background",
"value": "var(--bulma-border)"
},
{
"name": "skeleton-radius",
"value": "var(--bulma-radius-small)"
},
{
"name": "skeleton-block-min-height",
"value": "4.5em"
},
{
"name": "skeleton-lines-gap",
"value": "0.75em"
},
{
"name": "skeleton-line-height",
"value": "0.75em"
}
]
}

89
docs/_data/variables/components/breadcrumb.json
View File

@@ -1,51 +1,60 @@
{
"by_name": {
"$breadcrumb-item-color": {
"name": "$breadcrumb-item-color",
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(229, 53%, 53%)"
"sass-vars": [
{
"name": "breadcrumb-item-color",
"value": "var(--bulma-link-text)",
"css-var": "breadcrumb-item-color"
},
"$breadcrumb-item-hover-color": {
"name": "$breadcrumb-item-hover-color",
"value": "$link-hover",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
{
"name": "breadcrumb-item-hover-color",
"value": "var(--bulma-link-text-hover)",
"css-var": "breadcrumb-item-hover-color"
},
"$breadcrumb-item-active-color": {
"name": "$breadcrumb-item-active-color",
"value": "$text-strong",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
{
"name": "breadcrumb-item-active-color",
"value": "var(--bulma-link-text-active)",
"css-var": "breadcrumb-item-active-color"
},
"$breadcrumb-item-padding-vertical": {
"name": "$breadcrumb-item-padding-vertical",
{
"name": "breadcrumb-item-padding-vertical",
"value": "0",
"type": "string"
"css-var": "breadcrumb-item-padding-vertical"
},
"$breadcrumb-item-padding-horizontal": {
"name": "$breadcrumb-item-padding-horizontal",
{
"name": "breadcrumb-item-padding-horizontal",
"value": "0.75em",
"type": "size"
"css-var": "breadcrumb-item-padding-horizontal"
},
"$breadcrumb-item-separator-color": {
"name": "$breadcrumb-item-separator-color",
"value": "$border-hover",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 71%)"
{
"name": "breadcrumb-item-separator-color",
"value": "var(--bulma-border)",
"css-var": "breadcrumb-item-separator-color"
}
},
"list": [
"$breadcrumb-item-color",
"$breadcrumb-item-hover-color",
"$breadcrumb-item-active-color",
"$breadcrumb-item-padding-vertical",
"$breadcrumb-item-padding-horizontal",
"$breadcrumb-item-separator-color"
],
"file_path": "components/breadcrumb.sass"
"css-vars": [
{
"name": "breadcrumb-item-color",
"value": "var(--bulma-link-text)"
},
{
"name": "breadcrumb-item-hover-color",
"value": "var(--bulma-link-text-hover)"
},
{
"name": "breadcrumb-item-active-color",
"value": "var(--bulma-link-text-active)"
},
{
"name": "breadcrumb-item-padding-vertical",
"value": "0"
},
{
"name": "breadcrumb-item-padding-horizontal",
"value": "0.75em"
},
{
"name": "breadcrumb-item-separator-color",
"value": "var(--bulma-border)"
}
]
}

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

@@ -1,109 +1,141 @@
{
"by_name": {
"$card-color": {
"name": "$card-color",
"value": "$text",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 29%)"
"sass-vars": [
{
"name": "card-color",
"value": "var(--bulma-text)",
"css-var": "card-color"
},
"$card-background-color": {
"name": "$card-background-color",
"value": "$scheme-main",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 100%)"
{
"name": "card-background-color",
"value": "var(--bulma-scheme-main)",
"css-var": "card-background-color"
},
"$card-shadow": {
"name": "$card-shadow",
"value": "$shadow",
"type": "variable",
"computed_type": "shadow",
"computed_value": "0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02)"
{
"name": "card-shadow",
"value": "var(--bulma-shadow)",
"css-var": "card-shadow"
},
"$card-radius": {
"name": "$card-radius",
"value": "0.25rem",
"type": "size"
},
"$card-header-background-color": {
"name": "$card-header-background-color",
"value": "transparent",
"type": "string"
},
"$card-header-color": {
"name": "$card-header-color",
"value": "$text-strong",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
},
"$card-header-padding": {
"name": "$card-header-padding",
"value": "0.75rem 1rem",
"type": "size"
},
"$card-header-shadow": {
"name": "$card-header-shadow",
"value": "0 0.125em 0.25em rgba($scheme-invert, 0.1)",
"type": "shadow"
},
"$card-header-weight": {
"name": "$card-header-weight",
"value": "$weight-bold",
"type": "variable",
"computed_type": "font-weight",
"computed_value": "700"
},
"$card-content-background-color": {
"name": "$card-content-background-color",
"value": "transparent",
"type": "string"
},
"$card-content-padding": {
"name": "$card-content-padding",
"value": "1.5rem",
"type": "size"
},
"$card-footer-background-color": {
"name": "$card-footer-background-color",
"value": "transparent",
"type": "string"
},
"$card-footer-border-top": {
"name": "$card-footer-border-top",
"value": "1px solid $border-light",
"type": "size"
},
"$card-footer-padding": {
"name": "$card-footer-padding",
{
"name": "card-radius",
"value": "0.75rem",
"type": "size"
"css-var": "card-radius"
},
"$card-media-margin": {
"name": "$card-media-margin",
"value": "$block-spacing",
"type": "variable",
"computed_type": "size",
"computed_value": "1.5rem"
{
"name": "card-header-background-color",
"value": "transparent",
"css-var": "card-header-background-color"
},
{
"name": "card-header-color",
"value": "var(--bulma-text-strong)",
"css-var": "card-header-color"
},
{
"name": "card-header-padding",
"value": "0.75rem 1rem",
"css-var": "card-header-padding"
},
{
"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 )",
"css-var": "card-header-shadow"
},
{
"name": "card-header-weight",
"value": "var(--bulma-weight-bold)",
"css-var": "card-header-weight"
},
{
"name": "card-content-background-color",
"value": "transparent",
"css-var": "card-content-background-color"
},
{
"name": "card-content-padding",
"value": "1.5rem",
"css-var": "card-content-padding"
},
{
"name": "card-footer-background-color",
"value": "transparent",
"css-var": "card-footer-background-color"
},
{
"name": "card-footer-border-top",
"value": "1px solid var(--bulma-border-weak)",
"css-var": "card-footer-border-top"
},
{
"name": "card-footer-padding",
"value": "0.75rem",
"css-var": "card-footer-padding"
},
{
"name": "card-media-margin",
"value": "var(--bulma-block-spacing)",
"css-var": "card-media-margin"
}
},
"list": [
"$card-color",
"$card-background-color",
"$card-shadow",
"$card-radius",
"$card-header-background-color",
"$card-header-color",
"$card-header-padding",
"$card-header-shadow",
"$card-header-weight",
"$card-content-background-color",
"$card-content-padding",
"$card-footer-background-color",
"$card-footer-border-top",
"$card-footer-padding",
"$card-media-margin"
],
"file_path": "components/card.sass"
"css-vars": [
{
"name": "card-color",
"value": "var(--bulma-text)"
},
{
"name": "card-background-color",
"value": "var(--bulma-scheme-main)"
},
{
"name": "card-shadow",
"value": "var(--bulma-shadow)"
},
{
"name": "card-radius",
"value": "0.75rem"
},
{
"name": "card-header-background-color",
"value": "transparent"
},
{
"name": "card-header-color",
"value": "var(--bulma-text-strong)"
},
{
"name": "card-header-padding",
"value": "0.75rem 1rem"
},
{
"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 )"
},
{
"name": "card-header-weight",
"value": "var(--bulma-weight-bold)"
},
{
"name": "card-content-background-color",
"value": "transparent"
},
{
"name": "card-content-padding",
"value": "1.5rem"
},
{
"name": "card-footer-background-color",
"value": "transparent"
},
{
"name": "card-footer-border-top",
"value": "1px solid var(--bulma-border-weak)"
},
{
"name": "card-footer-padding",
"value": "0.75rem"
},
{
"name": "card-media-margin",
"value": "var(--bulma-block-spacing)"
}
]
}

224
docs/_data/variables/components/dropdown.json
View File

@@ -1,117 +1,139 @@
{
"by_name": {
"$dropdown-menu-min-width": {
"name": "$dropdown-menu-min-width",
"sass-vars": [
{
"name": "dropdown-menu-min-width",
"value": "12rem",
"type": "size"
"css-var": "dropdown-menu-min-width"
},
"$dropdown-content-background-color": {
"name": "$dropdown-content-background-color",
"value": "$scheme-main",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 100%)"
{
"name": "dropdown-content-background-color",
"value": "var(--bulma-scheme-main)",
"css-var": "dropdown-content-background-color"
},
"$dropdown-content-arrow": {
"name": "$dropdown-content-arrow",
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(229, 53%, 53%)"
{
"name": "dropdown-content-offset",
"value": "0.25rem",
"css-var": "dropdown-content-offset"
},
"$dropdown-content-offset": {
"name": "$dropdown-content-offset",
"value": "4px",
"type": "size"
},
"$dropdown-content-padding-bottom": {
"name": "$dropdown-content-padding-bottom",
{
"name": "dropdown-content-padding-bottom",
"value": "0.5rem",
"type": "size"
"css-var": "dropdown-content-padding-bottom"
},
"$dropdown-content-padding-top": {
"name": "$dropdown-content-padding-top",
{
"name": "dropdown-content-padding-top",
"value": "0.5rem",
"type": "size"
"css-var": "dropdown-content-padding-top"
},
"$dropdown-content-radius": {
"name": "$dropdown-content-radius",
"value": "$radius",
"type": "variable",
"computed_type": "size",
"computed_value": "4px"
{
"name": "dropdown-content-radius",
"value": "var(--bulma-radius)",
"css-var": "dropdown-content-radius"
},
"$dropdown-content-shadow": {
"name": "$dropdown-content-shadow",
"value": "$shadow",
"type": "variable",
"computed_type": "shadow",
"computed_value": "0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02)"
{
"name": "dropdown-content-shadow",
"value": "var(--bulma-shadow)",
"css-var": "dropdown-content-shadow"
},
"$dropdown-content-z": {
"name": "$dropdown-content-z",
{
"name": "dropdown-content-z",
"value": "20",
"type": "string"
"css-var": "dropdown-content-z"
},
"$dropdown-item-color": {
"name": "$dropdown-item-color",
"value": "$text",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 29%)"
},
"$dropdown-item-hover-color": {
"name": "$dropdown-item-hover-color",
"value": "$scheme-invert",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 4%)"
},
"$dropdown-item-hover-background-color": {
"name": "$dropdown-item-hover-background-color",
"value": "$background",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
},
"$dropdown-item-active-color": {
"name": "$dropdown-item-active-color",
"value": "$link-invert",
"type": "variable",
"computed_type": "color",
"computed_value": "#fff"
},
"$dropdown-item-active-background-color": {
"name": "$dropdown-item-active-background-color",
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(229, 53%, 53%)"
},
"$dropdown-divider-background-color": {
"name": "$dropdown-divider-background-color",
"value": "$border-light",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 93%)"
{
"name": "dropdown-divider-background-color",
"value": "var(--bulma-border-weak)",
"css-var": "dropdown-divider-background-color"
}
},
"list": [
"$dropdown-menu-min-width",
"$dropdown-content-background-color",
"$dropdown-content-arrow",
"$dropdown-content-offset",
"$dropdown-content-padding-bottom",
"$dropdown-content-padding-top",
"$dropdown-content-radius",
"$dropdown-content-shadow",
"$dropdown-content-z",
"$dropdown-item-color",
"$dropdown-item-hover-color",
"$dropdown-item-hover-background-color",
"$dropdown-item-active-color",
"$dropdown-item-active-background-color",
"$dropdown-divider-background-color"
],
"file_path": "components/dropdown.sass"
"css-vars": [
{
"name": "dropdown-menu-min-width",
"value": "12rem"
},
{
"name": "dropdown-content-background-color",
"value": "var(--bulma-scheme-main)"
},
{
"name": "dropdown-content-offset",
"value": "0.25rem"
},
{
"name": "dropdown-content-padding-bottom",
"value": "0.5rem"
},
{
"name": "dropdown-content-padding-top",
"value": "0.5rem"
},
{
"name": "dropdown-content-radius",
"value": "var(--bulma-radius)"
},
{
"name": "dropdown-content-shadow",
"value": "var(--bulma-shadow)"
},
{
"name": "dropdown-content-z",
"value": "20"
},
{
"name": "dropdown-item-h",
"value": "#{$dropdown-item-h},"
},
{
"name": "dropdown-item-s",
"value": "#{$dropdown-item-s},"
},
{
"name": "dropdown-item-l",
"value": "#{$dropdown-item-l},"
},
{
"name": "dropdown-item-background-l",
"value": "#{$dropdown-item-background-l},"
},
{
"name": "dropdown-item-background-l-delta",
"value": "#{$dropdown-item-background-l-delta},"
},
{
"name": "dropdown-item-hover-background-l-delta",
"value": "#{$dropdown-item-hover-background-l-delta},"
},
{
"name": "dropdown-item-active-background-l-delta",
"value": "#{$dropdown-item-active-background-l-delta},"
},
{
"name": "dropdown-item-color-l",
"value": "#{$dropdown-item-color-l},"
},
{
"name": "dropdown-item-selected-h",
"value": "#{$dropdown-item-selected-h},"
},
{
"name": "dropdown-item-selected-s",
"value": "#{$dropdown-item-selected-s},"
},
{
"name": "dropdown-item-selected-l",
"value": "#{$dropdown-item-selected-l},"
},
{
"name": "dropdown-item-selected-background-l",
"value": "#{$dropdown-item-selected-background-l},"
},
{
"name": "dropdown-item-selected-color-l",
"value": "#{$dropdown-item-selected-color-l},"
},
{
"name": "dropdown-divider-background-color",
"value": "var(--bulma-border-weak)"
}
]
}

13
docs/_data/variables/components/level.json
View File

@@ -1,13 +0,0 @@
{
"by_name": {
"$level-item-spacing": {
"name": "$level-item-spacing",
"value": "($block-spacing * 0.5)",
"type": "compound"
}
},
"list": [
"$level-item-spacing"
],
"file_path": "components/level.sass"
}

55
docs/_data/variables/components/media.json
View File

@@ -1,55 +0,0 @@
{
"by_name": {
"$media-border-color": {
"name": "$media-border-color",
"value": "bulmaRgba($border, 0.5)",
"type": "compound"
},
"$media-border-size": {
"name": "$media-border-size",
"value": "1px",
"type": "size"
},
"$media-spacing": {
"name": "$media-spacing",
"value": "1rem",
"type": "size"
},
"$media-spacing-large": {
"name": "$media-spacing-large",
"value": "1.5rem",
"type": "size"
},
"$media-content-spacing": {
"name": "$media-content-spacing",
"value": "0.75rem",
"type": "size"
},
"$media-level-1-spacing": {
"name": "$media-level-1-spacing",
"value": "0.75rem",
"type": "size"
},
"$media-level-1-content-spacing": {
"name": "$media-level-1-content-spacing",
"value": "0.5rem",
"type": "size"
},
"$media-level-2-spacing": {
"name": "$media-level-2-spacing",
"value": "0.5rem",
"type": "size"
}
},
"list": [
"$media-border-color",
"$media-border-size",
"$media-spacing",
"$media-spacing-large",
"$media-content-spacing",
"$media-level-1-spacing",
"$media-level-1-content-spacing",
"$media-level-2-spacing"
],
"file_path": "components/media.sass"
}

219
docs/_data/variables/components/menu.json
View File

@@ -1,111 +1,148 @@
{
"by_name": {
"$menu-item-color": {
"name": "$menu-item-color",
"value": "$text",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 29%)"
"sass-vars": [
{
"name": "menu-item-radius",
"value": "var(--bulma-radius-small)",
"css-var": "menu-item-radius"
},
"$menu-item-radius": {
"name": "$menu-item-radius",
"value": "$radius-small",
"type": "variable",
"computed_type": "size",
"computed_value": "2px"
{
"name": "menu-list-border-left",
"value": "1px solid var(--bulma-border)",
"css-var": "menu-list-border-left"
},
"$menu-item-hover-color": {
"name": "$menu-item-hover-color",
"value": "$text-strong",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
},
"$menu-item-hover-background-color": {
"name": "$menu-item-hover-background-color",
"value": "$background",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
},
"$menu-item-active-color": {
"name": "$menu-item-active-color",
"value": "$link-invert",
"type": "variable",
"computed_type": "color",
"computed_value": "#fff"
},
"$menu-item-active-background-color": {
"name": "$menu-item-active-background-color",
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(229, 53%, 53%)"
},
"$menu-list-border-left": {
"name": "$menu-list-border-left",
"value": "1px solid $border",
"type": "size"
},
"$menu-list-line-height": {
"name": "$menu-list-line-height",
{
"name": "menu-list-line-height",
"value": "1.25",
"type": "unitless"
"css-var": "menu-list-line-height"
},
"$menu-list-link-padding": {
"name": "$menu-list-link-padding",
{
"name": "menu-list-link-padding",
"value": "0.5em 0.75em",
"type": "size"
"css-var": "menu-list-link-padding"
},
"$menu-nested-list-margin": {
"name": "$menu-nested-list-margin",
{
"name": "menu-nested-list-margin",
"value": "0.75em",
"type": "size"
"css-var": "menu-nested-list-margin"
},
"$menu-nested-list-padding-left": {
"name": "$menu-nested-list-padding-left",
{
"name": "menu-nested-list-padding-left",
"value": "0.75em",
"type": "size"
"css-var": "menu-nested-list-padding-left"
},
"$menu-label-color": {
"name": "$menu-label-color",
"value": "$text-light",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 48%)"
{
"name": "menu-label-color",
"value": "var(--bulma-text-weak)",
"css-var": "menu-label-color"
},
"$menu-label-font-size": {
"name": "$menu-label-font-size",
{
"name": "menu-label-font-size",
"value": "0.75em",
"type": "size"
"css-var": "menu-label-font-size"
},
"$menu-label-letter-spacing": {
"name": "$menu-label-letter-spacing",
{
"name": "menu-label-letter-spacing",
"value": "0.1em",
"type": "size"
"css-var": "menu-label-letter-spacing"
},
"$menu-label-spacing": {
"name": "$menu-label-spacing",
{
"name": "menu-label-spacing",
"value": "1em",
"type": "size"
"css-var": "menu-label-spacing"
}
},
"list": [
"$menu-item-color",
"$menu-item-radius",
"$menu-item-hover-color",
"$menu-item-hover-background-color",
"$menu-item-active-color",
"$menu-item-active-background-color",
"$menu-list-border-left",
"$menu-list-line-height",
"$menu-list-link-padding",
"$menu-nested-list-margin",
"$menu-nested-list-padding-left",
"$menu-label-color",
"$menu-label-font-size",
"$menu-label-letter-spacing",
"$menu-label-spacing"
],
"file_path": "components/menu.sass"
"css-vars": [
{
"name": "menu-item-h",
"value": "#{$menu-item-h},"
},
{
"name": "menu-item-s",
"value": "#{$menu-item-s},"
},
{
"name": "menu-item-l",
"value": "#{$menu-item-l},"
},
{
"name": "menu-item-background-l",
"value": "#{$menu-item-background-l},"
},
{
"name": "menu-item-background-l-delta",
"value": "#{$menu-item-background-l-delta},"
},
{
"name": "menu-item-hover-background-l-delta",
"value": "#{$menu-item-hover-background-l-delta},"
},
{
"name": "menu-item-active-background-l-delta",
"value": "#{$menu-item-active-background-l-delta},"
},
{
"name": "menu-item-color-l",
"value": "#{$menu-item-color-l},"
},
{
"name": "menu-item-radius",
"value": "var(--bulma-radius-small)"
},
{
"name": "menu-item-selected-h",
"value": "#{$menu-item-selected-h},"
},
{
"name": "menu-item-selected-s",
"value": "#{$menu-item-selected-s},"
},
{
"name": "menu-item-selected-l",
"value": "#{$menu-item-selected-l},"
},
{
"name": "menu-item-selected-background-l",
"value": "#{$menu-item-selected-background-l},"
},
{
"name": "menu-item-selected-color-l",
"value": "#{$menu-item-selected-color-l},"
},
{
"name": "menu-list-border-left",
"value": "1px solid var(--bulma-border)"
},
{
"name": "menu-list-line-height",
"value": "1.25"
},
{
"name": "menu-list-link-padding",
"value": "0.5em 0.75em"
},
{
"name": "menu-nested-list-margin",
"value": "0.75em"
},
{
"name": "menu-nested-list-padding-left",
"value": "0.75em"
},
{
"name": "menu-label-color",
"value": "var(--bulma-text-weak)"
},
{
"name": "menu-label-font-size",
"value": "0.75em"
},
{
"name": "menu-label-letter-spacing",
"value": "0.1em"
},
{
"name": "menu-label-spacing",
"value": "1em"
}
]
}

232
docs/_data/variables/components/message.json
View File

@@ -1,125 +1,145 @@
{
"by_name": {
"$message-background-color": {
"name": "$message-background-color",
"value": "$background",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
"sass-vars": [
{
"name": "message-border-l-delta",
"value": "-20%",
"css-var": "message-border-l-delta"
},
"$message-radius": {
"name": "$message-radius",
"value": "$radius",
"type": "variable",
"computed_type": "size",
"computed_value": "4px"
{
"name": "message-radius",
"value": "var(--bulma-radius)",
"css-var": "message-radius"
},
"$message-header-background-color": {
"name": "$message-header-background-color",
"value": "$text",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 29%)"
{
"name": "message-header-weight",
"value": "var(--bulma-weight-semibold)",
"css-var": "message-header-weight"
},
"$message-header-color": {
"name": "$message-header-color",
"value": "$text-invert",
"type": "variable",
"computed_type": "color",
"computed_value": "#fff"
{
"name": "message-header-padding",
"value": "1em 1.25em",
"css-var": "message-header-padding"
},
"$message-header-weight": {
"name": "$message-header-weight",
"value": "$weight-bold",
"type": "variable",
"computed_type": "font-weight",
"computed_value": "700"
{
"name": "message-header-radius",
"value": "var(--bulma-radius)",
"css-var": "message-header-radius"
},
"$message-header-padding": {
"name": "$message-header-padding",
"value": "0.75em 1em",
"type": "size"
},
"$message-header-radius": {
"name": "$message-header-radius",
"value": "$radius",
"type": "variable",
"computed_type": "size",
"computed_value": "4px"
},
"$message-body-border-color": {
"name": "$message-body-border-color",
"value": "$border",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 86%)"
},
"$message-body-border-width": {
"name": "$message-body-border-width",
{
"name": "message-body-border-width",
"value": "0 0 0 4px",
"type": "size"
"css-var": "message-body-border-width"
},
"$message-body-color": {
"name": "$message-body-color",
"value": "$text",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 29%)"
{
"name": "message-body-color",
"value": "var(--bulma-text)",
"css-var": "message-body-color"
},
"$message-body-padding": {
"name": "$message-body-padding",
{
"name": "message-body-padding",
"value": "1.25em 1.5em",
"type": "size"
"css-var": "message-body-padding"
},
"$message-body-radius": {
"name": "$message-body-radius",
"value": "$radius",
"type": "variable",
"computed_type": "size",
"computed_value": "4px"
{
"name": "message-body-radius",
"value": "var(--bulma-radius-small)",
"css-var": "message-body-radius"
},
"$message-body-pre-background-color": {
"name": "$message-body-pre-background-color",
"value": "$scheme-main",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 100%)"
},
"$message-body-pre-code-background-color": {
"name": "$message-body-pre-code-background-color",
{
"name": "message-body-pre-code-background-color",
"value": "transparent",
"type": "string"
"css-var": "message-body-pre-code-background-color"
},
"$message-header-body-border-width": {
"name": "$message-header-body-border-width",
{
"name": "message-header-body-border-width",
"value": "0",
"type": "string"
"css-var": "message-header-body-border-width"
},
"$message-colors": {
"name": "$message-colors",
"value": "$colors",
"type": "variable",
"computed_type": "map",
"computed_value": "Bulma colors"
{
"name": "message-colors",
"value": "dv.$colors"
}
},
"list": [
"$message-background-color",
"$message-radius",
"$message-header-background-color",
"$message-header-color",
"$message-header-weight",
"$message-header-padding",
"$message-header-radius",
"$message-body-border-color",
"$message-body-border-width",
"$message-body-color",
"$message-body-padding",
"$message-body-radius",
"$message-body-pre-background-color",
"$message-body-pre-code-background-color",
"$message-header-body-border-width",
"$message-colors"
],
"file_path": "components/message.sass"
"css-vars": [
{
"name": "message-border-l-delta",
"value": "-20%"
},
{
"name": "message-radius",
"value": "var(--bulma-radius)"
},
{
"name": "message-header-weight",
"value": "var(--bulma-weight-semibold)"
},
{
"name": "message-header-padding",
"value": "1em 1.25em"
},
{
"name": "message-header-radius",
"value": "var(--bulma-radius)"
},
{
"name": "message-body-border-width",
"value": "0 0 0 4px"
},
{
"name": "message-body-color",
"value": "var(--bulma-text)"
},
{
"name": "message-body-padding",
"value": "1.25em 1.5em"
},
{
"name": "message-body-radius",
"value": "var(--bulma-radius-small)"
},
{
"name": "message-body-pre-code-background-color",
"value": "transparent"
},
{
"name": "message-header-body-border-width",
"value": "0"
},
{
"name": "message-h",
"value": "#{$message-h},"
},
{
"name": "message-s",
"value": "#{$message-s},"
},
{
"name": "message-background-l",
"value": "#{$message-background-l},"
},
{
"name": "message-border-l",
"value": "#{$message-border-l},"
},
{
"name": "message-border-style",
"value": "#{$message-border-style},"
},
{
"name": "message-border-width",
"value": "#{$message-border-width},"
},
{
"name": "message-color-l",
"value": "#{$message-color-l},"
},
{
"name": "message-header-background-l",
"value": "#{$message-header-background-l},"
},
{
"name": "message-header-color-l",
"value": "#{$message-header-color-l},"
}
]
}

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

@@ -1,153 +1,190 @@
{
"by_name": {
"$modal-z": {
"name": "$modal-z",
"sass-vars": [
{
"name": "modal-z",
"value": "40",
"type": "string"
"css-var": "modal-z"
},
"$modal-background-background-color": {
"name": "$modal-background-background-color",
"value": "bulmaRgba($scheme-invert, 0.86)",
"type": "compound"
{
"name": "modal-background-background-color",
"value": "hsla(\n var(--bulma-scheme-h),\n var(--bulma-scheme-s),\n var(--bulma-scheme-invert-l),\n 0.86\n)",
"css-var": "modal-background-background-color"
},
"$modal-content-width": {
"name": "$modal-content-width",
"value": "640px",
"type": "size"
{
"name": "modal-content-width",
"value": "40rem",
"css-var": "modal-content-width"
},
"$modal-content-margin-mobile": {
"name": "$modal-content-margin-mobile",
"value": "20px",
"type": "size"
{
"name": "modal-content-margin-mobile",
"value": "1.25rem",
"css-var": "modal-content-margin-mobile"
},
"$modal-content-spacing-mobile": {
"name": "$modal-content-spacing-mobile",
"value": "160px",
"type": "size"
{
"name": "modal-content-spacing-mobile",
"value": "10rem",
"css-var": "modal-content-spacing-mobile"
},
"$modal-content-spacing-tablet": {
"name": "$modal-content-spacing-tablet",
"value": "40px",
"type": "size"
{
"name": "modal-content-spacing-tablet",
"value": "2.5rem",
"css-var": "modal-content-spacing-tablet"
},
"$modal-close-dimensions": {
"name": "$modal-close-dimensions",
"value": "40px",
"type": "size"
{
"name": "modal-close-dimensions",
"value": "2.5rem",
"css-var": "modal-close-dimensions"
},
"$modal-close-right": {
"name": "$modal-close-right",
"value": "20px",
"type": "size"
{
"name": "modal-close-right",
"value": "1.25rem",
"css-var": "modal-close-right"
},
"$modal-close-top": {
"name": "$modal-close-top",
"value": "20px",
"type": "size"
{
"name": "modal-close-top",
"value": "1.25rem",
"css-var": "modal-close-top"
},
"$modal-card-spacing": {
"name": "$modal-card-spacing",
"value": "40px",
"type": "size"
{
"name": "modal-card-spacing",
"value": "2.5rem",
"css-var": "modal-card-spacing"
},
"$modal-card-head-background-color": {
"name": "$modal-card-head-background-color",
"value": "$background",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
{
"name": "modal-card-head-background-color",
"value": "var(--bulma-scheme-main)",
"css-var": "modal-card-head-background-color"
},
"$modal-card-head-border-bottom": {
"name": "$modal-card-head-border-bottom",
"value": "1px solid $border",
"type": "size"
{
"name": "modal-card-head-padding",
"value": "2rem",
"css-var": "modal-card-head-padding"
},
"$modal-card-head-padding": {
"name": "$modal-card-head-padding",
"value": "20px",
"type": "size"
{
"name": "modal-card-head-radius",
"value": "var(--bulma-radius-large)",
"css-var": "modal-card-head-radius"
},
"$modal-card-head-radius": {
"name": "$modal-card-head-radius",
"value": "$radius-large",
"type": "variable",
"computed_type": "size",
"computed_value": "6px"
{
"name": "modal-card-title-color",
"value": "var(--bulma-text-strong)",
"css-var": "modal-card-title-color"
},
"$modal-card-title-color": {
"name": "$modal-card-title-color",
"value": "$text-strong",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
},
"$modal-card-title-line-height": {
"name": "$modal-card-title-line-height",
{
"name": "modal-card-title-line-height",
"value": "1",
"type": "string"
"css-var": "modal-card-title-line-height"
},
"$modal-card-title-size": {
"name": "$modal-card-title-size",
"value": "$size-4",
"type": "variable",
"computed_type": "size",
"computed_value": "1.5rem"
{
"name": "modal-card-title-size",
"value": "var(--bulma-size-4)",
"css-var": "modal-card-title-size"
},
"$modal-card-foot-radius": {
"name": "$modal-card-foot-radius",
"value": "$radius-large",
"type": "variable",
"computed_type": "size",
"computed_value": "6px"
{
"name": "modal-card-foot-background-color",
"value": "var(--bulma-scheme-main-bis)",
"css-var": "modal-card-foot-background-color"
},
"$modal-card-foot-border-top": {
"name": "$modal-card-foot-border-top",
"value": "1px solid $border",
"type": "size"
{
"name": "modal-card-foot-radius",
"value": "var(--bulma-radius-large)",
"css-var": "modal-card-foot-radius"
},
"$modal-card-body-background-color": {
"name": "$modal-card-body-background-color",
"value": "$scheme-main",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 100%)"
{
"name": "modal-card-body-background-color",
"value": "var(--bulma-scheme-main)",
"css-var": "modal-card-body-background-color"
},
"$modal-card-body-padding": {
"name": "$modal-card-body-padding",
"value": "20px",
"type": "size"
{
"name": "modal-card-body-padding",
"value": "2rem",
"css-var": "modal-card-body-padding"
},
"$modal-breakpoint": {
"name": "$modal-breakpoint",
"value": "$tablet",
"type": "variable",
"computed_type": "size",
"computed_value": "769px"
{
"name": "modal-breakpoint",
"value": "iv.$tablet"
}
},
"list": [
"$modal-z",
"$modal-background-background-color",
"$modal-content-width",
"$modal-content-margin-mobile",
"$modal-content-spacing-mobile",
"$modal-content-spacing-tablet",
"$modal-close-dimensions",
"$modal-close-right",
"$modal-close-top",
"$modal-card-spacing",
"$modal-card-head-background-color",
"$modal-card-head-border-bottom",
"$modal-card-head-padding",
"$modal-card-head-radius",
"$modal-card-title-color",
"$modal-card-title-line-height",
"$modal-card-title-size",
"$modal-card-foot-radius",
"$modal-card-foot-border-top",
"$modal-card-body-background-color",
"$modal-card-body-padding",
"$modal-breakpoint"
],
"file_path": "components/modal.sass"
"css-vars": [
{
"name": "modal-z",
"value": "40"
},
{
"name": "modal-background-background-color",
"value": "hsla(\n var(--bulma-scheme-h),\n var(--bulma-scheme-s),\n var(--bulma-scheme-invert-l),\n 0.86\n)"
},
{
"name": "modal-content-width",
"value": "40rem"
},
{
"name": "modal-content-margin-mobile",
"value": "1.25rem"
},
{
"name": "modal-content-spacing-mobile",
"value": "10rem"
},
{
"name": "modal-content-spacing-tablet",
"value": "2.5rem"
},
{
"name": "modal-close-dimensions",
"value": "2.5rem"
},
{
"name": "modal-close-right",
"value": "1.25rem"
},
{
"name": "modal-close-top",
"value": "1.25rem"
},
{
"name": "modal-card-spacing",
"value": "2.5rem"
},
{
"name": "modal-card-head-background-color",
"value": "var(--bulma-scheme-main)"
},
{
"name": "modal-card-head-padding",
"value": "2rem"
},
{
"name": "modal-card-head-radius",
"value": "var(--bulma-radius-large)"
},
{
"name": "modal-card-title-color",
"value": "var(--bulma-text-strong)"
},
{
"name": "modal-card-title-line-height",
"value": "1"
},
{
"name": "modal-card-title-size",
"value": "var(--bulma-size-4)"
},
{
"name": "modal-card-foot-background-color",
"value": "var(--bulma-scheme-main-bis)"
},
{
"name": "modal-card-foot-radius",
"value": "var(--bulma-radius-large)"
},
{
"name": "modal-card-body-background-color",
"value": "var(--bulma-scheme-main)"
},
{
"name": "modal-card-body-padding",
"value": "2rem"
}
]
}

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

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

@@ -1,181 +1,256 @@
{
"by_name": {
"$pagination-color": {
"name": "$pagination-color",
"value": "$text-strong",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
},
"$pagination-border-color": {
"name": "$pagination-border-color",
"value": "$border",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 86%)"
},
"$pagination-margin": {
"name": "$pagination-margin",
"sass-vars": [
{
"name": "pagination-margin",
"value": "-0.25rem",
"type": "size"
"css-var": "pagination-margin"
},
"$pagination-min-width": {
"name": "$pagination-min-width",
"value": "$control-height",
"type": "variable"
{
"name": "pagination-min-width",
"value": "var(--bulma-control-height)",
"css-var": "pagination-min-width"
},
"$pagination-item-font-size": {
"name": "$pagination-item-font-size",
{
"name": "pagination-item-border-style",
"value": "solid",
"css-var": "pagination-item-border-style"
},
{
"name": "pagination-item-border-width",
"value": "var(--bulma-control-border-width)",
"css-var": "pagination-item-border-width"
},
{
"name": "pagination-item-font-size",
"value": "1em",
"type": "size"
"css-var": "pagination-item-font-size"
},
"$pagination-item-margin": {
"name": "$pagination-item-margin",
{
"name": "pagination-item-margin",
"value": "0.25rem",
"type": "size"
"css-var": "pagination-item-margin"
},
"$pagination-item-padding-left": {
"name": "$pagination-item-padding-left",
{
"name": "pagination-item-padding-left",
"value": "0.5em",
"type": "size"
"css-var": "pagination-item-padding-left"
},
"$pagination-item-padding-right": {
"name": "$pagination-item-padding-right",
{
"name": "pagination-item-padding-right",
"value": "0.5em",
"type": "size"
"css-var": "pagination-item-padding-right"
},
"$pagination-nav-padding-left": {
"name": "$pagination-nav-padding-left",
{
"name": "pagination-nav-padding-left",
"value": "0.75em",
"type": "size"
"css-var": "pagination-nav-padding-left"
},
"$pagination-nav-padding-right": {
"name": "$pagination-nav-padding-right",
{
"name": "pagination-nav-padding-right",
"value": "0.75em",
"type": "size"
"css-var": "pagination-nav-padding-right"
},
"$pagination-hover-color": {
"name": "$pagination-hover-color",
"value": "$link-hover",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
{
"name": "pagination-disabled-color",
"value": "var(--bulma-text-weak)",
"css-var": "pagination-disabled-color"
},
"$pagination-hover-border-color": {
"name": "$pagination-hover-border-color",
"value": "$link-hover-border",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 71%)"
{
"name": "pagination-disabled-background-color",
"value": "var(--bulma-border)",
"css-var": "pagination-disabled-background-color"
},
"$pagination-focus-color": {
"name": "$pagination-focus-color",
"value": "$link-focus",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
{
"name": "pagination-disabled-border-color",
"value": "var(--bulma-border)",
"css-var": "pagination-disabled-border-color"
},
"$pagination-focus-border-color": {
"name": "$pagination-focus-border-color",
"value": "$link-focus-border",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(229, 53%, 53%)"
{
"name": "pagination-current-color",
"value": "var(--bulma-link-invert)",
"css-var": "pagination-current-color"
},
"$pagination-active-color": {
"name": "$pagination-active-color",
"value": "$link-active",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
{
"name": "pagination-current-background-color",
"value": "var(--bulma-link)",
"css-var": "pagination-current-background-color"
},
"$pagination-active-border-color": {
"name": "$pagination-active-border-color",
"value": "$link-active-border",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 29%)"
{
"name": "pagination-current-border-color",
"value": "var(--bulma-link)",
"css-var": "pagination-current-border-color"
},
"$pagination-disabled-color": {
"name": "$pagination-disabled-color",
"value": "$text-light",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 48%)"
{
"name": "pagination-ellipsis-color",
"value": "var(--bulma-text-weak)",
"css-var": "pagination-ellipsis-color"
},
"$pagination-disabled-background-color": {
"name": "$pagination-disabled-background-color",
"value": "$border",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 86%)"
},
"$pagination-disabled-border-color": {
"name": "$pagination-disabled-border-color",
"value": "$border",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 86%)"
},
"$pagination-current-color": {
"name": "$pagination-current-color",
"value": "$link-invert",
"type": "variable",
"computed_type": "color",
"computed_value": "#fff"
},
"$pagination-current-background-color": {
"name": "$pagination-current-background-color",
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(229, 53%, 53%)"
},
"$pagination-current-border-color": {
"name": "$pagination-current-border-color",
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(229, 53%, 53%)"
},
"$pagination-ellipsis-color": {
"name": "$pagination-ellipsis-color",
"value": "$grey-light",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 71%)"
},
"$pagination-shadow-inset": {
"name": "$pagination-shadow-inset",
"value": "inset 0 1px 2px rgba($scheme-invert, 0.2)",
"type": "size"
{
"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 )",
"css-var": "pagination-shadow-inset"
}
},
"list": [
"$pagination-color",
"$pagination-border-color",
"$pagination-margin",
"$pagination-min-width",
"$pagination-item-font-size",
"$pagination-item-margin",
"$pagination-item-padding-left",
"$pagination-item-padding-right",
"$pagination-nav-padding-left",
"$pagination-nav-padding-right",
"$pagination-hover-color",
"$pagination-hover-border-color",
"$pagination-focus-color",
"$pagination-focus-border-color",
"$pagination-active-color",
"$pagination-active-border-color",
"$pagination-disabled-color",
"$pagination-disabled-background-color",
"$pagination-disabled-border-color",
"$pagination-current-color",
"$pagination-current-background-color",
"$pagination-current-border-color",
"$pagination-ellipsis-color",
"$pagination-shadow-inset"
],
"file_path": "components/pagination.sass"
"css-vars": [
{
"name": "pagination-margin",
"value": "-0.25rem"
},
{
"name": "pagination-min-width",
"value": "var(--bulma-control-height)"
},
{
"name": "pagination-item-h",
"value": "#{$pagination-item-h},"
},
{
"name": "pagination-item-s",
"value": "#{$pagination-item-s},"
},
{
"name": "pagination-item-l",
"value": "#{$pagination-item-l},"
},
{
"name": "pagination-item-background-l-delta",
"value": "#{$pagination-item-background-l-delta},"
},
{
"name": "pagination-item-hover-background-l-delta",
"value": "#{$pagination-item-hover-background-l-delta},"
},
{
"name": "pagination-item-active-background-l-delta",
"value": "#{$pagination-item-active-background-l-delta},"
},
{
"name": "pagination-item-border-style",
"value": "solid"
},
{
"name": "pagination-item-border-width",
"value": "var(--bulma-control-border-width)"
},
{
"name": "pagination-item-border-l",
"value": "#{$pagination-item-border-l},"
},
{
"name": "pagination-item-border-l-delta",
"value": "#{$pagination-item-border-l-delta},"
},
{
"name": "pagination-item-hover-border-l-delta",
"value": "#{$pagination-item-hover-border-l-delta},"
},
{
"name": "pagination-item-active-border-l-delta",
"value": "#{$pagination-item-active-border-l-delta},"
},
{
"name": "pagination-item-focus-border-l-delta",
"value": "#{$pagination-item-focus-border-l-delta},"
},
{
"name": "pagination-item-color-l",
"value": "#{$pagination-item-color-l},"
},
{
"name": "pagination-item-font-size",
"value": "1em"
},
{
"name": "pagination-item-margin",
"value": "0.25rem"
},
{
"name": "pagination-item-padding-left",
"value": "0.5em"
},
{
"name": "pagination-item-padding-right",
"value": "0.5em"
},
{
"name": "pagination-item-outer-shadow-h",
"value": "#{$pagination-item-outer-shadow-h},"
},
{
"name": "pagination-item-outer-shadow-s",
"value": "#{$pagination-item-outer-shadow-s},"
},
{
"name": "pagination-item-outer-shadow-l",
"value": "#{$pagination-item-outer-shadow-l},"
},
{
"name": "pagination-item-outer-shadow-a",
"value": "#{$pagination-item-outer-shadow-a},"
},
{
"name": "pagination-nav-padding-left",
"value": "0.75em"
},
{
"name": "pagination-nav-padding-right",
"value": "0.75em"
},
{
"name": "pagination-disabled-color",
"value": "var(--bulma-text-weak)"
},
{
"name": "pagination-disabled-background-color",
"value": "var(--bulma-border)"
},
{
"name": "pagination-disabled-border-color",
"value": "var(--bulma-border)"
},
{
"name": "pagination-current-color",
"value": "var(--bulma-link-invert)"
},
{
"name": "pagination-current-background-color",
"value": "var(--bulma-link)"
},
{
"name": "pagination-current-border-color",
"value": "var(--bulma-link)"
},
{
"name": "pagination-ellipsis-color",
"value": "var(--bulma-text-weak)"
},
{
"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 )"
},
{
"name": "pagination-selected-item-h",
"value": "#{$pagination-selected-item-h},"
},
{
"name": "pagination-selected-item-s",
"value": "#{$pagination-selected-item-s},"
},
{
"name": "pagination-selected-item-l",
"value": "#{$pagination-selected-item-l},"
},
{
"name": "pagination-selected-item-background-l",
"value": "#{$pagination-selected-item-background-l},"
},
{
"name": "pagination-selected-item-border-l",
"value": "#{$pagination-selected-item-border-l},"
},
{
"name": "pagination-selected-item-color-l",
"value": "#{$pagination-selected-item-color-l},"
}
]
}

341
docs/_data/variables/components/panel.json
View File

@@ -1,187 +1,208 @@
{
"by_name": {
"$panel-margin": {
"name": "$panel-margin",
"value": "$block-spacing",
"type": "variable",
"computed_type": "size",
"computed_value": "1.5rem"
"sass-vars": [
{
"name": "panel-margin",
"value": "var(--bulma-block-spacing)",
"css-var": "panel-margin"
},
"$panel-item-border": {
"name": "$panel-item-border",
"value": "1px solid $border-light",
"type": "size"
{
"name": "panel-item-border",
"value": "1px solid var(--bulma-border-weak)",
"css-var": "panel-item-border"
},
"$panel-radius": {
"name": "$panel-radius",
"value": "$radius-large",
"type": "variable",
"computed_type": "size",
"computed_value": "6px"
{
"name": "panel-radius",
"value": "var(--bulma-radius-large)",
"css-var": "panel-radius"
},
"$panel-shadow": {
"name": "$panel-shadow",
"value": "$shadow",
"type": "variable",
"computed_type": "shadow",
"computed_value": "0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02)"
{
"name": "panel-shadow",
"value": "var(--bulma-shadow)",
"css-var": "panel-shadow"
},
"$panel-heading-background-color": {
"name": "$panel-heading-background-color",
"value": "$border-light",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 93%)"
},
"$panel-heading-color": {
"name": "$panel-heading-color",
"value": "$text-strong",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
},
"$panel-heading-line-height": {
"name": "$panel-heading-line-height",
{
"name": "panel-heading-line-height",
"value": "1.25",
"type": "unitless"
"css-var": "panel-heading-line-height"
},
"$panel-heading-padding": {
"name": "$panel-heading-padding",
"value": "0.75em 1em",
"type": "size"
{
"name": "panel-heading-padding",
"value": "1em 1.25em",
"css-var": "panel-heading-padding"
},
"$panel-heading-radius": {
"name": "$panel-heading-radius",
"value": "$radius",
"type": "variable",
"computed_type": "size",
"computed_value": "4px"
{
"name": "panel-heading-radius",
"value": "var(--bulma-radius)",
"css-var": "panel-heading-radius"
},
"$panel-heading-size": {
"name": "$panel-heading-size",
{
"name": "panel-heading-size",
"value": "1.25em",
"type": "size"
"css-var": "panel-heading-size"
},
"$panel-heading-weight": {
"name": "$panel-heading-weight",
"value": "$weight-bold",
"type": "variable",
"computed_type": "font-weight",
"computed_value": "700"
{
"name": "panel-heading-weight",
"value": "var(--bulma-weight-bold)",
"css-var": "panel-heading-weight"
},
"$panel-tabs-font-size": {
"name": "$panel-tabs-font-size",
"value": "0.875em",
"type": "size"
{
"name": "panel-tabs-font-size",
"value": "1em",
"css-var": "panel-tabs-font-size"
},
"$panel-tab-border-bottom": {
"name": "$panel-tab-border-bottom",
"value": "1px solid $border",
"type": "size"
{
"name": "panel-tab-border-bottom-color",
"value": "var(--bulma-border)",
"css-var": "panel-tab-border-bottom-color"
},
"$panel-tab-active-border-bottom-color": {
"name": "$panel-tab-active-border-bottom-color",
"value": "$link-active-border",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 29%)"
{
"name": "panel-tab-border-bottom-style",
"value": "solid",
"css-var": "panel-tab-border-bottom-style"
},
"$panel-tab-active-color": {
"name": "$panel-tab-active-color",
"value": "$link-active",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
{
"name": "panel-tab-border-bottom-width",
"value": "1px",
"css-var": "panel-tab-border-bottom-width"
},
"$panel-list-item-color": {
"name": "$panel-list-item-color",
"value": "$text",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 29%)"
{
"name": "panel-tab-active-color",
"value": "var(--bulma-link-active)",
"css-var": "panel-tab-active-color"
},
"$panel-list-item-hover-color": {
"name": "$panel-list-item-hover-color",
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(229, 53%, 53%)"
{
"name": "panel-list-item-color",
"value": "var(--bulma-text)",
"css-var": "panel-list-item-color"
},
"$panel-block-color": {
"name": "$panel-block-color",
"value": "$text-strong",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
{
"name": "panel-list-item-hover-color",
"value": "var(--bulma-link)",
"css-var": "panel-list-item-hover-color"
},
"$panel-block-hover-background-color": {
"name": "$panel-block-hover-background-color",
"value": "$background",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
{
"name": "panel-block-color",
"value": "var(--bulma-text-strong)",
"css-var": "panel-block-color"
},
"$panel-block-active-border-left-color": {
"name": "$panel-block-active-border-left-color",
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(229, 53%, 53%)"
{
"name": "panel-block-hover-background-color",
"value": "var(--bulma-background)",
"css-var": "panel-block-hover-background-color"
},
"$panel-block-active-color": {
"name": "$panel-block-active-color",
"value": "$link-active",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
{
"name": "panel-block-active-border-left-color",
"value": "var(--bulma-link)",
"css-var": "panel-block-active-border-left-color"
},
"$panel-block-active-icon-color": {
"name": "$panel-block-active-icon-color",
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(229, 53%, 53%)"
{
"name": "panel-block-active-color",
"value": "var(--bulma-link-active)",
"css-var": "panel-block-active-color"
},
"$panel-icon-color": {
"name": "$panel-icon-color",
"value": "$text-light",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 48%)"
{
"name": "panel-block-active-icon-color",
"value": "var(--bulma-link)",
"css-var": "panel-block-active-icon-color"
},
"$panel-colors": {
"name": "$panel-colors",
"value": "$colors",
"type": "variable",
"computed_type": "map",
"computed_value": "Bulma colors"
{
"name": "panel-icon-color",
"value": "var(--bulma-text-weak)",
"css-var": "panel-icon-color"
},
{
"name": "panel-colors",
"value": "dv.$colors"
}
},
"list": [
"$panel-margin",
"$panel-item-border",
"$panel-radius",
"$panel-shadow",
"$panel-heading-background-color",
"$panel-heading-color",
"$panel-heading-line-height",
"$panel-heading-padding",
"$panel-heading-radius",
"$panel-heading-size",
"$panel-heading-weight",
"$panel-tabs-font-size",
"$panel-tab-border-bottom",
"$panel-tab-active-border-bottom-color",
"$panel-tab-active-color",
"$panel-list-item-color",
"$panel-list-item-hover-color",
"$panel-block-color",
"$panel-block-hover-background-color",
"$panel-block-active-border-left-color",
"$panel-block-active-color",
"$panel-block-active-icon-color",
"$panel-icon-color",
"$panel-colors"
],
"file_path": "components/panel.sass"
"css-vars": [
{
"name": "panel-margin",
"value": "var(--bulma-block-spacing)"
},
{
"name": "panel-item-border",
"value": "1px solid var(--bulma-border-weak)"
},
{
"name": "panel-radius",
"value": "var(--bulma-radius-large)"
},
{
"name": "panel-shadow",
"value": "var(--bulma-shadow)"
},
{
"name": "panel-heading-line-height",
"value": "1.25"
},
{
"name": "panel-heading-padding",
"value": "1em 1.25em"
},
{
"name": "panel-heading-radius",
"value": "var(--bulma-radius)"
},
{
"name": "panel-heading-size",
"value": "1.25em"
},
{
"name": "panel-heading-weight",
"value": "var(--bulma-weight-bold)"
},
{
"name": "panel-tabs-font-size",
"value": "1em"
},
{
"name": "panel-tab-border-bottom-color",
"value": "var(--bulma-border)"
},
{
"name": "panel-tab-border-bottom-style",
"value": "solid"
},
{
"name": "panel-tab-border-bottom-width",
"value": "1px"
},
{
"name": "panel-tab-active-color",
"value": "var(--bulma-link-active)"
},
{
"name": "panel-list-item-color",
"value": "var(--bulma-text)"
},
{
"name": "panel-list-item-hover-color",
"value": "var(--bulma-link)"
},
{
"name": "panel-block-color",
"value": "var(--bulma-text-strong)"
},
{
"name": "panel-block-hover-background-color",
"value": "var(--bulma-background)"
},
{
"name": "panel-block-active-border-left-color",
"value": "var(--bulma-link)"
},
{
"name": "panel-block-active-color",
"value": "var(--bulma-link-active)"
},
{
"name": "panel-block-active-icon-color",
"value": "var(--bulma-link)"
},
{
"name": "panel-icon-color",
"value": "var(--bulma-text-weak)"
}
]
}

343
docs/_data/variables/components/tabs.json
View File

@@ -1,187 +1,222 @@
{
"by_name": {
"$tabs-border-bottom-color": {
"name": "$tabs-border-bottom-color",
"value": "$border",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 86%)"
"sass-vars": [
{
"name": "tabs-border-bottom-color",
"value": "var(--bulma-border)",
"css-var": "tabs-border-bottom-color"
},
"$tabs-border-bottom-style": {
"name": "$tabs-border-bottom-style",
{
"name": "tabs-border-bottom-style",
"value": "solid",
"type": "string"
"css-var": "tabs-border-bottom-style"
},
"$tabs-border-bottom-width": {
"name": "$tabs-border-bottom-width",
{
"name": "tabs-border-bottom-width",
"value": "1px",
"type": "size"
"css-var": "tabs-border-bottom-width"
},
"$tabs-link-color": {
"name": "$tabs-link-color",
"value": "$text",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 29%)"
{
"name": "tabs-link-color",
"value": "var(--bulma-text)",
"css-var": "tabs-link-color"
},
"$tabs-link-hover-border-bottom-color": {
"name": "$tabs-link-hover-border-bottom-color",
"value": "$text-strong",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
{
"name": "tabs-link-hover-border-bottom-color",
"value": "var(--bulma-text-strong)",
"css-var": "tabs-link-hover-border-bottom-color"
},
"$tabs-link-hover-color": {
"name": "$tabs-link-hover-color",
"value": "$text-strong",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
{
"name": "tabs-link-hover-color",
"value": "var(--bulma-text-strong)",
"css-var": "tabs-link-hover-color"
},
"$tabs-link-active-border-bottom-color": {
"name": "$tabs-link-active-border-bottom-color",
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(229, 53%, 53%)"
{
"name": "tabs-link-active-border-bottom-color",
"value": "var(--bulma-link-text)",
"css-var": "tabs-link-active-border-bottom-color"
},
"$tabs-link-active-color": {
"name": "$tabs-link-active-color",
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(229, 53%, 53%)"
{
"name": "tabs-link-active-color",
"value": "var(--bulma-link-text)",
"css-var": "tabs-link-active-color"
},
"$tabs-link-padding": {
"name": "$tabs-link-padding",
{
"name": "tabs-link-padding",
"value": "0.5em 1em",
"type": "size"
"css-var": "tabs-link-padding"
},
"$tabs-boxed-link-radius": {
"name": "$tabs-boxed-link-radius",
"value": "$radius",
"type": "variable",
"computed_type": "size",
"computed_value": "4px"
{
"name": "tabs-boxed-link-radius",
"value": "var(--bulma-radius)",
"css-var": "tabs-boxed-link-radius"
},
"$tabs-boxed-link-hover-background-color": {
"name": "$tabs-boxed-link-hover-background-color",
"value": "$background",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
{
"name": "tabs-boxed-link-hover-background-color",
"value": "var(--bulma-background)",
"css-var": "tabs-boxed-link-hover-background-color"
},
"$tabs-boxed-link-hover-border-bottom-color": {
"name": "$tabs-boxed-link-hover-border-bottom-color",
"value": "$border",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 86%)"
{
"name": "tabs-boxed-link-hover-border-bottom-color",
"value": "var(--bulma-border)",
"css-var": "tabs-boxed-link-hover-border-bottom-color"
},
"$tabs-boxed-link-active-background-color": {
"name": "$tabs-boxed-link-active-background-color",
"value": "$scheme-main",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 100%)"
{
"name": "tabs-boxed-link-active-background-color",
"value": "var(--bulma-scheme-main)",
"css-var": "tabs-boxed-link-active-background-color"
},
"$tabs-boxed-link-active-border-color": {
"name": "$tabs-boxed-link-active-border-color",
"value": "$border",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 86%)"
{
"name": "tabs-boxed-link-active-border-color",
"value": "var(--bulma-border)",
"css-var": "tabs-boxed-link-active-border-color"
},
"$tabs-boxed-link-active-border-bottom-color": {
"name": "$tabs-boxed-link-active-border-bottom-color",
{
"name": "tabs-boxed-link-active-border-bottom-color",
"value": "transparent",
"type": "string"
"css-var": "tabs-boxed-link-active-border-bottom-color"
},
"$tabs-toggle-link-border-color": {
"name": "$tabs-toggle-link-border-color",
"value": "$border",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 86%)"
{
"name": "tabs-toggle-link-border-color",
"value": "var(--bulma-border)",
"css-var": "tabs-toggle-link-border-color"
},
"$tabs-toggle-link-border-style": {
"name": "$tabs-toggle-link-border-style",
{
"name": "tabs-toggle-link-border-style",
"value": "solid",
"type": "string"
"css-var": "tabs-toggle-link-border-style"
},
"$tabs-toggle-link-border-width": {
"name": "$tabs-toggle-link-border-width",
{
"name": "tabs-toggle-link-border-width",
"value": "1px",
"type": "size"
"css-var": "tabs-toggle-link-border-width"
},
"$tabs-toggle-link-hover-background-color": {
"name": "$tabs-toggle-link-hover-background-color",
"value": "$background",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
{
"name": "tabs-toggle-link-hover-background-color",
"value": "var(--bulma-background)",
"css-var": "tabs-toggle-link-hover-background-color"
},
"$tabs-toggle-link-hover-border-color": {
"name": "$tabs-toggle-link-hover-border-color",
"value": "$border-hover",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 71%)"
{
"name": "tabs-toggle-link-hover-border-color",
"value": "var(--bulma-border-hover)",
"css-var": "tabs-toggle-link-hover-border-color"
},
"$tabs-toggle-link-radius": {
"name": "$tabs-toggle-link-radius",
"value": "$radius",
"type": "variable",
"computed_type": "size",
"computed_value": "4px"
{
"name": "tabs-toggle-link-radius",
"value": "var(--bulma-radius)",
"css-var": "tabs-toggle-link-radius"
},
"$tabs-toggle-link-active-background-color": {
"name": "$tabs-toggle-link-active-background-color",
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(229, 53%, 53%)"
{
"name": "tabs-toggle-link-active-background-color",
"value": "var(--bulma-link)",
"css-var": "tabs-toggle-link-active-background-color"
},
"$tabs-toggle-link-active-border-color": {
"name": "$tabs-toggle-link-active-border-color",
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(229, 53%, 53%)"
{
"name": "tabs-toggle-link-active-border-color",
"value": "var(--bulma-link)",
"css-var": "tabs-toggle-link-active-border-color"
},
"$tabs-toggle-link-active-color": {
"name": "$tabs-toggle-link-active-color",
"value": "$link-invert",
"type": "variable",
"computed_type": "color",
"computed_value": "#fff"
{
"name": "tabs-toggle-link-active-color",
"value": "var(--bulma-link-invert)",
"css-var": "tabs-toggle-link-active-color"
}
},
"list": [
"$tabs-border-bottom-color",
"$tabs-border-bottom-style",
"$tabs-border-bottom-width",
"$tabs-link-color",
"$tabs-link-hover-border-bottom-color",
"$tabs-link-hover-color",
"$tabs-link-active-border-bottom-color",
"$tabs-link-active-color",
"$tabs-link-padding",
"$tabs-boxed-link-radius",
"$tabs-boxed-link-hover-background-color",
"$tabs-boxed-link-hover-border-bottom-color",
"$tabs-boxed-link-active-background-color",
"$tabs-boxed-link-active-border-color",
"$tabs-boxed-link-active-border-bottom-color",
"$tabs-toggle-link-border-color",
"$tabs-toggle-link-border-style",
"$tabs-toggle-link-border-width",
"$tabs-toggle-link-hover-background-color",
"$tabs-toggle-link-hover-border-color",
"$tabs-toggle-link-radius",
"$tabs-toggle-link-active-background-color",
"$tabs-toggle-link-active-border-color",
"$tabs-toggle-link-active-color"
],
"file_path": "components/tabs.sass"
"css-vars": [
{
"name": "tabs-border-bottom-color",
"value": "var(--bulma-border)"
},
{
"name": "tabs-border-bottom-style",
"value": "solid"
},
{
"name": "tabs-border-bottom-width",
"value": "1px"
},
{
"name": "tabs-link-color",
"value": "var(--bulma-text)"
},
{
"name": "tabs-link-hover-border-bottom-color",
"value": "var(--bulma-text-strong)"
},
{
"name": "tabs-link-hover-color",
"value": "var(--bulma-text-strong)"
},
{
"name": "tabs-link-active-border-bottom-color",
"value": "var(--bulma-link-text)"
},
{
"name": "tabs-link-active-color",
"value": "var(--bulma-link-text)"
},
{
"name": "tabs-link-padding",
"value": "0.5em 1em"
},
{
"name": "tabs-boxed-link-radius",
"value": "var(--bulma-radius)"
},
{
"name": "tabs-boxed-link-hover-background-color",
"value": "var(--bulma-background)"
},
{
"name": "tabs-boxed-link-hover-border-bottom-color",
"value": "var(--bulma-border)"
},
{
"name": "tabs-boxed-link-active-background-color",
"value": "var(--bulma-scheme-main)"
},
{
"name": "tabs-boxed-link-active-border-color",
"value": "var(--bulma-border)"
},
{
"name": "tabs-boxed-link-active-border-bottom-color",
"value": "transparent"
},
{
"name": "tabs-toggle-link-border-color",
"value": "var(--bulma-border)"
},
{
"name": "tabs-toggle-link-border-style",
"value": "solid"
},
{
"name": "tabs-toggle-link-border-width",
"value": "1px"
},
{
"name": "tabs-toggle-link-hover-background-color",
"value": "var(--bulma-background)"
},
{
"name": "tabs-toggle-link-hover-border-color",
"value": "var(--bulma-border-hover)"
},
{
"name": "tabs-toggle-link-radius",
"value": "var(--bulma-radius)"
},
{
"name": "tabs-toggle-link-active-background-color",
"value": "var(--bulma-link)"
},
{
"name": "tabs-toggle-link-active-border-color",
"value": "var(--bulma-link)"
},
{
"name": "tabs-toggle-link-active-color",
"value": "var(--bulma-link-invert)"
}
]
}

4
docs/_data/variables/elements/block.json Normal file
View File

@@ -0,0 +1,4 @@
{
"sass-vars": [],
"css-vars": []
}

104
docs/_data/variables/elements/box.json
View File

@@ -1,57 +1,69 @@
{
"by_name": {
"$box-color": {
"name": "$box-color",
"value": "$text",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 29%)"
"sass-vars": [
{
"name": "box-background-color",
"value": "var(--bulma-scheme-main)",
"css-var": "box-background-color"
},
"$box-background-color": {
"name": "$box-background-color",
"value": "$scheme-main",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 100%)"
{
"name": "box-color",
"value": "var(--bulma-text)",
"css-var": "box-color"
},
"$box-radius": {
"name": "$box-radius",
"value": "$radius-large",
"type": "variable",
"computed_type": "size",
"computed_value": "6px"
{
"name": "box-radius",
"value": "var(--bulma-radius-large)",
"css-var": "box-radius"
},
"$box-shadow": {
"name": "$box-shadow",
"value": "$shadow",
"type": "variable",
"computed_type": "shadow",
"computed_value": "0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02)"
{
"name": "box-shadow",
"value": "var(--bulma-shadow)",
"css-var": "box-shadow"
},
"$box-padding": {
"name": "$box-padding",
{
"name": "box-padding",
"value": "1.25rem",
"type": "size"
"css-var": "box-padding"
},
"$box-link-hover-shadow": {
"name": "$box-link-hover-shadow",
"value": "0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0 0 1px $link",
"type": "shadow"
{
"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)",
"css-var": "box-link-hover-shadow"
},
"$box-link-active-shadow": {
"name": "$box-link-active-shadow",
"value": "inset 0 1px 2px rgba($scheme-invert, 0.2), 0 0 0 1px $link",
"type": "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)",
"css-var": "box-link-active-shadow"
}
},
"list": [
"$box-color",
"$box-background-color",
"$box-radius",
"$box-shadow",
"$box-padding",
"$box-link-hover-shadow",
"$box-link-active-shadow"
],
"file_path": "elements/box.sass"
"css-vars": [
{
"name": "box-background-color",
"value": "var(--bulma-scheme-main)"
},
{
"name": "box-color",
"value": "var(--bulma-text)"
},
{
"name": "box-radius",
"value": "var(--bulma-radius-large)"
},
{
"name": "box-shadow",
"value": "var(--bulma-shadow)"
},
{
"name": "box-padding",
"value": "1.25rem"
},
{
"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)"
},
{
"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)"
}
]
}

440
docs/_data/variables/elements/button.json
View File

@@ -1,251 +1,275 @@
{
"by_name": {
"$button-color": {
"name": "$button-color",
"value": "$text-strong",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
"sass-vars": [
{
"name": "button-weight",
"value": "var(--bulma-weight-medium)",
"css-var": "button-weight"
},
"$button-background-color": {
"name": "$button-background-color",
"value": "$scheme-main",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 100%)"
},
"$button-family": {
"name": "$button-family",
{
"name": "button-family",
"value": "false",
"type": "boolean"
"css-var": "button-family"
},
"$button-border-color": {
"name": "$button-border-color",
"value": "$border",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 86%)"
{
"name": "button-border-color",
"value": "var(--bulma-border)",
"css-var": "button-border-color"
},
"$button-border-width": {
"name": "$button-border-width",
"value": "$control-border-width",
"type": "variable"
{
"name": "button-border-style",
"value": "solid",
"css-var": "button-border-style"
},
"$button-padding-vertical": {
"name": "$button-padding-vertical",
"value": "calc(0.5em - #{$button-border-width})",
"type": "size"
{
"name": "button-border-width",
"value": "var(--bulma-control-border-width)",
"css-var": "button-border-width"
},
"$button-padding-horizontal": {
"name": "$button-padding-horizontal",
{
"name": "button-padding-vertical",
"value": "0.5em",
"css-var": "button-padding-vertical"
},
{
"name": "button-padding-horizontal",
"value": "1em",
"type": "size"
"css-var": "button-padding-horizontal"
},
"$button-hover-color": {
"name": "$button-hover-color",
"value": "$link-hover",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
{
"name": "button-focus-border-color",
"value": "var(--bulma-link-focus-border)",
"css-var": "button-focus-border-color"
},
"$button-hover-border-color": {
"name": "$button-hover-border-color",
"value": "$link-hover-border",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 71%)"
},
"$button-focus-color": {
"name": "$button-focus-color",
"value": "$link-focus",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
},
"$button-focus-border-color": {
"name": "$button-focus-border-color",
"value": "$link-focus-border",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(229, 53%, 53%)"
},
"$button-focus-box-shadow-size": {
"name": "$button-focus-box-shadow-size",
{
"name": "button-focus-box-shadow-size",
"value": "0 0 0 0.125em",
"type": "size"
"css-var": "button-focus-box-shadow-size"
},
"$button-focus-box-shadow-color": {
"name": "$button-focus-box-shadow-color",
"value": "bulmaRgba($link, 0.25)",
"type": "compound"
{
"name": "button-focus-box-shadow-color",
"value": "hsla(\n var(--bulma-link-h),\n var(--bulma-link-s),\n var(--bulma-link-on-scheme-l),\n 0.25\n)",
"css-var": "button-focus-box-shadow-color"
},
"$button-active-color": {
"name": "$button-active-color",
"value": "$link-active",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
{
"name": "button-active-color",
"value": "var(--bulma-link-active)",
"css-var": "button-active-color"
},
"$button-active-border-color": {
"name": "$button-active-border-color",
"value": "$link-active-border",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 29%)"
{
"name": "button-active-border-color",
"value": "var(--bulma-link-active-border)",
"css-var": "button-active-border-color"
},
"$button-text-color": {
"name": "$button-text-color",
"value": "$text",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 29%)"
{
"name": "button-text-color",
"value": "var(--bulma-text)",
"css-var": "button-text-color"
},
"$button-text-decoration": {
"name": "$button-text-decoration",
{
"name": "button-text-decoration",
"value": "underline",
"type": "string"
"css-var": "button-text-decoration"
},
"$button-text-hover-background-color": {
"name": "$button-text-hover-background-color",
"value": "$background",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
{
"name": "button-text-hover-background-color",
"value": "var(--bulma-background)",
"css-var": "button-text-hover-background-color"
},
"$button-text-hover-color": {
"name": "$button-text-hover-color",
"value": "$text-strong",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
{
"name": "button-text-hover-color",
"value": "var(--bulma-text-strong)",
"css-var": "button-text-hover-color"
},
"$button-ghost-background": {
"name": "$button-ghost-background",
{
"name": "button-ghost-background",
"value": "none",
"type": "string"
"css-var": "button-ghost-background"
},
"$button-ghost-border-color": {
"name": "$button-ghost-border-color",
{
"name": "button-ghost-border-color",
"value": "transparent",
"type": "string"
"css-var": "button-ghost-border-color"
},
"$button-ghost-color": {
"name": "$button-ghost-color",
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(229, 53%, 53%)"
{
"name": "button-ghost-color",
"value": "var(--bulma-link-text)",
"css-var": "button-ghost-color"
},
"$button-ghost-decoration": {
"name": "$button-ghost-decoration",
{
"name": "button-ghost-decoration",
"value": "none",
"type": "string"
"css-var": "button-ghost-decoration"
},
"$button-ghost-hover-color": {
"name": "$button-ghost-hover-color",
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(229, 53%, 53%)"
{
"name": "button-ghost-hover-color",
"value": "var(--bulma-link)",
"css-var": "button-ghost-hover-color"
},
"$button-ghost-hover-decoration": {
"name": "$button-ghost-hover-decoration",
{
"name": "button-ghost-hover-decoration",
"value": "underline",
"type": "string"
"css-var": "button-ghost-hover-decoration"
},
"$button-disabled-background-color": {
"name": "$button-disabled-background-color",
"value": "$scheme-main",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 100%)"
{
"name": "button-disabled-background-color",
"value": "var(--bulma-scheme-main)",
"css-var": "button-disabled-background-color"
},
"$button-disabled-border-color": {
"name": "$button-disabled-border-color",
"value": "$border",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 86%)"
{
"name": "button-disabled-border-color",
"value": "var(--bulma-border)",
"css-var": "button-disabled-border-color"
},
"$button-disabled-shadow": {
"name": "$button-disabled-shadow",
{
"name": "button-disabled-shadow",
"value": "none",
"type": "shadow"
"css-var": "button-disabled-shadow"
},
"$button-disabled-opacity": {
"name": "$button-disabled-opacity",
{
"name": "button-disabled-opacity",
"value": "0.5",
"type": "unitless"
"css-var": "button-disabled-opacity"
},
"$button-static-color": {
"name": "$button-static-color",
"value": "$text-light",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 48%)"
{
"name": "button-static-color",
"value": "var(--bulma-text-weak)",
"css-var": "button-static-color"
},
"$button-static-background-color": {
"name": "$button-static-background-color",
"value": "$scheme-main-ter",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
{
"name": "button-static-background-color",
"value": "var(--bulma-scheme-main-ter)",
"css-var": "button-static-background-color"
},
"$button-static-border-color": {
"name": "$button-static-border-color",
"value": "$border",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 86%)"
{
"name": "button-static-border-color",
"value": "var(--bulma-border)",
"css-var": "button-static-border-color"
},
"$button-colors": {
"name": "$button-colors",
"value": "$colors",
"type": "variable",
"computed_type": "map",
"computed_value": "Bulma colors"
{
"name": "button-colors",
"value": "dv.$colors"
},
"$button-responsive-sizes": {
"name": "$button-responsive-sizes",
"value": "(\"mobile\": (\"small\": ($size-small * 0.75), \"normal\": ($size-small * 0.875), \"medium\": $size-small, \"large\": $size-normal), \"tablet-only\": (\"small\": ($size-small * 0.875), \"normal\": ($size-small), \"medium\": $size-normal, \"large\": $size-medium))",
"type": "compound"
{
"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)"
}
},
"list": [
"$button-color",
"$button-background-color",
"$button-family",
"$button-border-color",
"$button-border-width",
"$button-padding-vertical",
"$button-padding-horizontal",
"$button-hover-color",
"$button-hover-border-color",
"$button-focus-color",
"$button-focus-border-color",
"$button-focus-box-shadow-size",
"$button-focus-box-shadow-color",
"$button-active-color",
"$button-active-border-color",
"$button-text-color",
"$button-text-decoration",
"$button-text-hover-background-color",
"$button-text-hover-color",
"$button-ghost-background",
"$button-ghost-border-color",
"$button-ghost-color",
"$button-ghost-decoration",
"$button-ghost-hover-color",
"$button-ghost-hover-decoration",
"$button-disabled-background-color",
"$button-disabled-border-color",
"$button-disabled-shadow",
"$button-disabled-opacity",
"$button-static-color",
"$button-static-background-color",
"$button-static-border-color",
"$button-colors",
"$button-responsive-sizes"
],
"file_path": "elements/button.sass"
"css-vars": [
{
"name": "button-family",
"value": "false"
},
{
"name": "button-weight",
"value": "var(--bulma-weight-medium)"
},
{
"name": "button-border-color",
"value": "var(--bulma-border)"
},
{
"name": "button-border-style",
"value": "solid"
},
{
"name": "button-border-width",
"value": "var(--bulma-control-border-width)"
},
{
"name": "button-padding-vertical",
"value": "0.5em"
},
{
"name": "button-padding-horizontal",
"value": "1em"
},
{
"name": "button-focus-border-color",
"value": "var(--bulma-link-focus-border)"
},
{
"name": "button-focus-box-shadow-size",
"value": "0 0 0 0.125em"
},
{
"name": "button-focus-box-shadow-color",
"value": "hsla(\n var(--bulma-link-h),\n var(--bulma-link-s),\n var(--bulma-link-on-scheme-l),\n 0.25\n)"
},
{
"name": "button-active-color",
"value": "var(--bulma-link-active)"
},
{
"name": "button-active-border-color",
"value": "var(--bulma-link-active-border)"
},
{
"name": "button-text-color",
"value": "var(--bulma-text)"
},
{
"name": "button-text-decoration",
"value": "underline"
},
{
"name": "button-text-hover-background-color",
"value": "var(--bulma-background)"
},
{
"name": "button-text-hover-color",
"value": "var(--bulma-text-strong)"
},
{
"name": "button-ghost-background",
"value": "none"
},
{
"name": "button-ghost-border-color",
"value": "transparent"
},
{
"name": "button-ghost-color",
"value": "var(--bulma-link-text)"
},
{
"name": "button-ghost-decoration",
"value": "none"
},
{
"name": "button-ghost-hover-color",
"value": "var(--bulma-link)"
},
{
"name": "button-ghost-hover-decoration",
"value": "underline"
},
{
"name": "button-disabled-background-color",
"value": "var(--bulma-scheme-main)"
},
{
"name": "button-disabled-border-color",
"value": "var(--bulma-border)"
},
{
"name": "button-disabled-shadow",
"value": "none"
},
{
"name": "button-disabled-opacity",
"value": "0.5"
},
{
"name": "button-static-color",
"value": "var(--bulma-text-weak)"
},
{
"name": "button-static-background-color",
"value": "var(--bulma-scheme-main-ter)"
},
{
"name": "button-static-border-color",
"value": "var(--bulma-border)"
}
]
}

21
docs/_data/variables/elements/container.json
View File

@@ -1,21 +0,0 @@
{
"by_name": {
"$container-offset": {
"name": "$container-offset",
"value": "(2 * $gap)",
"type": "compound"
},
"$container-max-width": {
"name": "$container-max-width",
"value": "$fullhd",
"type": "variable",
"computed_type": "computed",
"computed_value": "1344px + (2 * $gap)"
}
},
"list": [
"$container-offset",
"$container-max-width"
],
"file_path": "elements/container.sass"
}

222
docs/_data/variables/elements/content.json
View File

@@ -1,121 +1,159 @@
{
"by_name": {
"$content-heading-color": {
"name": "$content-heading-color",
"value": "$text-strong",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
"sass-vars": [
{
"name": "content-heading-color",
"value": "var(--bulma-text-strong)",
"css-var": "content-heading-color"
},
"$content-heading-weight": {
"name": "$content-heading-weight",
"value": "$weight-semibold",
"type": "variable",
"computed_type": "font-weight",
"computed_value": "600"
{
"name": "content-heading-weight",
"value": "var(--bulma-weight-extrabold)",
"css-var": "content-heading-weight"
},
"$content-heading-line-height": {
"name": "$content-heading-line-height",
{
"name": "content-heading-line-height",
"value": "1.125",
"type": "unitless"
"css-var": "content-heading-line-height"
},
"$content-block-margin-bottom": {
"name": "$content-block-margin-bottom",
{
"name": "content-block-margin-bottom",
"value": "1em",
"type": "size"
"css-var": "content-block-margin-bottom"
},
"$content-blockquote-background-color": {
"name": "$content-blockquote-background-color",
"value": "$background",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
{
"name": "content-blockquote-background-color",
"value": "var(--bulma-background)",
"css-var": "content-blockquote-background-color"
},
"$content-blockquote-border-left": {
"name": "$content-blockquote-border-left",
"value": "5px solid $border",
"type": "size"
{
"name": "content-blockquote-border-left",
"value": "5px solid var(--bulma-border)",
"css-var": "content-blockquote-border-left"
},
"$content-blockquote-padding": {
"name": "$content-blockquote-padding",
{
"name": "content-blockquote-padding",
"value": "1.25em 1.5em",
"type": "size"
"css-var": "content-blockquote-padding"
},
"$content-pre-padding": {
"name": "$content-pre-padding",
{
"name": "content-pre-padding",
"value": "1.25em 1.5em",
"type": "size"
"css-var": "content-pre-padding"
},
"$content-table-cell-border": {
"name": "$content-table-cell-border",
"value": "1px solid $border",
"type": "size"
{
"name": "content-table-cell-border",
"value": "1px solid var(--bulma-border)",
"css-var": "content-table-cell-border"
},
"$content-table-cell-border-width": {
"name": "$content-table-cell-border-width",
{
"name": "content-table-cell-border-width",
"value": "0 0 1px",
"type": "size"
"css-var": "content-table-cell-border-width"
},
"$content-table-cell-padding": {
"name": "$content-table-cell-padding",
{
"name": "content-table-cell-padding",
"value": "0.5em 0.75em",
"type": "size"
"css-var": "content-table-cell-padding"
},
"$content-table-cell-heading-color": {
"name": "$content-table-cell-heading-color",
"value": "$text-strong",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
{
"name": "content-table-cell-heading-color",
"value": "var(--bulma-text-strong)",
"css-var": "content-table-cell-heading-color"
},
"$content-table-head-cell-border-width": {
"name": "$content-table-head-cell-border-width",
{
"name": "content-table-head-cell-border-width",
"value": "0 0 2px",
"type": "size"
"css-var": "content-table-head-cell-border-width"
},
"$content-table-head-cell-color": {
"name": "$content-table-head-cell-color",
"value": "$text-strong",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
{
"name": "content-table-head-cell-color",
"value": "var(--bulma-text-strong)",
"css-var": "content-table-head-cell-color"
},
"$content-table-body-last-row-cell-border-bottom-width": {
"name": "$content-table-body-last-row-cell-border-bottom-width",
{
"name": "content-table-body-last-row-cell-border-bottom-width",
"value": "0",
"type": "string"
"css-var": "content-table-body-last-row-cell-border-bottom-width"
},
"$content-table-foot-cell-border-width": {
"name": "$content-table-foot-cell-border-width",
{
"name": "content-table-foot-cell-border-width",
"value": "2px 0 0",
"type": "size"
"css-var": "content-table-foot-cell-border-width"
},
"$content-table-foot-cell-color": {
"name": "$content-table-foot-cell-color",
"value": "$text-strong",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
{
"name": "content-table-foot-cell-color",
"value": "var(--bulma-text-strong)",
"css-var": "content-table-foot-cell-color"
}
},
"list": [
"$content-heading-color",
"$content-heading-weight",
"$content-heading-line-height",
"$content-block-margin-bottom",
"$content-blockquote-background-color",
"$content-blockquote-border-left",
"$content-blockquote-padding",
"$content-pre-padding",
"$content-table-cell-border",
"$content-table-cell-border-width",
"$content-table-cell-padding",
"$content-table-cell-heading-color",
"$content-table-head-cell-border-width",
"$content-table-head-cell-color",
"$content-table-body-last-row-cell-border-bottom-width",
"$content-table-foot-cell-border-width",
"$content-table-foot-cell-color"
],
"file_path": "elements/content.sass"
"css-vars": [
{
"name": "content-heading-color",
"value": "var(--bulma-text-strong)"
},
{
"name": "content-heading-weight",
"value": "var(--bulma-weight-extrabold)"
},
{
"name": "content-heading-line-height",
"value": "1.125"
},
{
"name": "content-block-margin-bottom",
"value": "1em"
},
{
"name": "content-blockquote-background-color",
"value": "var(--bulma-background)"
},
{
"name": "content-blockquote-border-left",
"value": "5px solid var(--bulma-border)"
},
{
"name": "content-blockquote-padding",
"value": "1.25em 1.5em"
},
{
"name": "content-pre-padding",
"value": "1.25em 1.5em"
},
{
"name": "content-table-cell-border",
"value": "1px solid var(--bulma-border)"
},
{
"name": "content-table-cell-border-width",
"value": "0 0 1px"
},
{
"name": "content-table-cell-padding",
"value": "0.5em 0.75em"
},
{
"name": "content-table-cell-heading-color",
"value": "var(--bulma-text-strong)"
},
{
"name": "content-table-head-cell-border-width",
"value": "0 0 2px"
},
{
"name": "content-table-head-cell-color",
"value": "var(--bulma-text-strong)"
},
{
"name": "content-table-body-last-row-cell-border-bottom-width",
"value": "0"
},
{
"name": "content-table-foot-cell-border-width",
"value": "2px 0 0"
},
{
"name": "content-table-foot-cell-color",
"value": "var(--bulma-text-strong)"
}
]
}

4
docs/_data/variables/elements/delete.json Normal file
View File

@@ -0,0 +1,4 @@
{
"sass-vars": [],
"css-vars": []
}

253
docs/_data/variables/elements/form.json
View File

@@ -1,253 +0,0 @@
{
"by_name": {
"$input-color": {
"name": "$input-color",
"value": "$grey-darker",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
},
"$input-background-color": {
"name": "$input-background-color",
"value": "$white",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 100%)"
},
"$input-border-color": {
"name": "$input-border-color",
"value": "$grey-lighter",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 86%)"
},
"$input-height": {
"name": "$input-height",
"value": "$control-height",
"type": "variable"
},
"$input-shadow": {
"name": "$input-shadow",
"value": "inset 0 1px 2px rgba($black, 0.1)",
"type": "size"
},
"$input-placeholder-color": {
"name": "$input-placeholder-color",
"value": "rgba($input-color, 0.3)",
"type": "color"
},
"$input-hover-color": {
"name": "$input-hover-color",
"value": "$grey-darker",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
},
"$input-hover-border-color": {
"name": "$input-hover-border-color",
"value": "$grey-light",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 71%)"
},
"$input-focus-color": {
"name": "$input-focus-color",
"value": "$grey-darker",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
},
"$input-focus-border-color": {
"name": "$input-focus-border-color",
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
},
"$input-focus-box-shadow-size": {
"name": "$input-focus-box-shadow-size",
"value": "0 0 0 0.125em",
"type": "size"
},
"$input-focus-box-shadow-color": {
"name": "$input-focus-box-shadow-color",
"value": "rgba($link, 0.25)",
"type": "color"
},
"$input-disabled-color": {
"name": "$input-disabled-color",
"value": "$text-light",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 48%)"
},
"$input-disabled-background-color": {
"name": "$input-disabled-background-color",
"value": "$background",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
},
"$input-disabled-border-color": {
"name": "$input-disabled-border-color",
"value": "$background",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
},
"$input-disabled-placeholder-color": {
"name": "$input-disabled-placeholder-color",
"value": "rgba($input-disabled-color, 0.3)",
"type": "color"
},
"$input-arrow": {
"name": "$input-arrow",
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
},
"$input-icon-color": {
"name": "$input-icon-color",
"value": "$grey-lighter",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 86%)"
},
"$input-icon-active-color": {
"name": "$input-icon-active-color",
"value": "$grey",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 48%)"
},
"$input-radius": {
"name": "$input-radius",
"value": "$radius",
"type": "variable",
"computed_type": "size",
"computed_value": "4px"
},
"$file-border-color": {
"name": "$file-border-color",
"value": "$border",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 86%)"
},
"$file-radius": {
"name": "$file-radius",
"value": "$radius",
"type": "variable",
"computed_type": "size",
"computed_value": "4px"
},
"$file-cta-background-color": {
"name": "$file-cta-background-color",
"value": "$white-ter",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
},
"$file-cta-color": {
"name": "$file-cta-color",
"value": "$grey-dark",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 29%)"
},
"$file-cta-hover-color": {
"name": "$file-cta-hover-color",
"value": "$grey-darker",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
},
"$file-cta-active-color": {
"name": "$file-cta-active-color",
"value": "$grey-darker",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
},
"$file-name-border-color": {
"name": "$file-name-border-color",
"value": "$border",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 86%)"
},
"$file-name-border-style": {
"name": "$file-name-border-style",
"value": "solid",
"type": "string"
},
"$file-name-border-width": {
"name": "$file-name-border-width",
"value": "1px 1px 1px 0",
"type": "size"
},
"$file-name-max-width": {
"name": "$file-name-max-width",
"value": "16em",
"type": "size"
},
"$label-color": {
"name": "$label-color",
"value": "$grey-darker",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
},
"$label-weight": {
"name": "$label-weight",
"value": "$weight-bold",
"type": "variable",
"computed_type": "font-weight",
"computed_value": "700"
},
"$help-size": {
"name": "$help-size",
"value": "$size-small",
"type": "variable",
"computed_type": "size",
"computed_value": "0.75rem"
}
},
"list": [
"$input-color",
"$input-background-color",
"$input-border-color",
"$input-height",
"$input-shadow",
"$input-placeholder-color",
"$input-hover-color",
"$input-hover-border-color",
"$input-focus-color",
"$input-focus-border-color",
"$input-focus-box-shadow-size",
"$input-focus-box-shadow-color",
"$input-disabled-color",
"$input-disabled-background-color",
"$input-disabled-border-color",
"$input-disabled-placeholder-color",
"$input-arrow",
"$input-icon-color",
"$input-icon-active-color",
"$input-radius",
"$file-border-color",
"$file-radius",
"$file-cta-background-color",
"$file-cta-color",
"$file-cta-hover-color",
"$file-cta-active-color",
"$file-name-border-color",
"$file-name-border-style",
"$file-name-border-width",
"$file-name-max-width",
"$label-color",
"$label-weight",
"$help-size"
],
"file_path": "elements/form.sass"
}

62
docs/_data/variables/elements/icon.json
View File

@@ -1,37 +1,51 @@
{
"by_name": {
"$icon-dimensions": {
"name": "$icon-dimensions",
"sass-vars": [
{
"name": "icon-dimensions",
"value": "1.5rem",
"type": "size"
"css-var": "icon-dimensions"
},
"$icon-dimensions-small": {
"name": "$icon-dimensions-small",
{
"name": "icon-dimensions-small",
"value": "1rem",
"type": "size"
"css-var": "icon-dimensions-small"
},
"$icon-dimensions-medium": {
"name": "$icon-dimensions-medium",
{
"name": "icon-dimensions-medium",
"value": "2rem",
"type": "size"
"css-var": "icon-dimensions-medium"
},
"$icon-dimensions-large": {
"name": "$icon-dimensions-large",
{
"name": "icon-dimensions-large",
"value": "3rem",
"type": "size"
"css-var": "icon-dimensions-large"
},
"$icon-text-spacing": {
"name": "$icon-text-spacing",
{
"name": "icon-text-spacing",
"value": "0.25em",
"type": "size"
"css-var": "icon-text-spacing"
}
},
"list": [
"$icon-dimensions",
"$icon-dimensions-small",
"$icon-dimensions-medium",
"$icon-dimensions-large",
"$icon-text-spacing"
],
"file_path": "elements/icon.sass"
"css-vars": [
{
"name": "icon-dimensions",
"value": "1.5rem"
},
{
"name": "icon-dimensions-small",
"value": "1rem"
},
{
"name": "icon-dimensions-medium",
"value": "2rem"
},
{
"name": "icon-dimensions-large",
"value": "3rem"
},
{
"name": "icon-text-spacing",
"value": "0.25em"
}
]
}

14
docs/_data/variables/elements/image.json
View File

@@ -1,13 +1,9 @@
{
"by_name": {
"$dimensions": {
"name": "$dimensions",
"value": "16 24 32 48 64 96 128",
"type": "string"
"sass-vars": [
{
"name": "dimensions",
"value": "16 24 32 48 64 96 128"
}
},
"list": [
"$dimensions"
],
"file_path": "elements/image.sass"
"css-vars": []
}

4
docs/_data/variables/elements/loader.json Normal file
View File

@@ -0,0 +1,4 @@
{
"sass-vars": [],
"css-vars": []
}

96
docs/_data/variables/elements/notification.json
View File

@@ -1,57 +1,53 @@
{
"by_name": {
"$notification-background-color": {
"name": "$notification-background-color",
"value": "$background",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
"sass-vars": [
{
"name": "notification-code-background-color",
"value": "var(--bulma-scheme-main)",
"css-var": "notification-code-background-color"
},
"$notification-code-background-color": {
"name": "$notification-code-background-color",
"value": "$scheme-main",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 100%)"
{
"name": "notification-radius",
"value": "var(--bulma-radius)",
"css-var": "notification-radius"
},
"$notification-radius": {
"name": "$notification-radius",
"value": "$radius",
"type": "variable",
"computed_type": "size",
"computed_value": "4px"
{
"name": "notification-padding",
"value": "1.375em 1.5em",
"css-var": "notification-padding"
},
"$notification-padding": {
"name": "$notification-padding",
"value": "1.25rem 2.5rem 1.25rem 1.5rem",
"type": "size"
},
"$notification-padding-ltr": {
"name": "$notification-padding-ltr",
"value": "1.25rem 2.5rem 1.25rem 1.5rem",
"type": "size"
},
"$notification-padding-rtl": {
"name": "$notification-padding-rtl",
"value": "1.25rem 1.5rem 1.25rem 2.5rem",
"type": "size"
},
"$notification-colors": {
"name": "$notification-colors",
"value": "$colors",
"type": "variable",
"computed_type": "map",
"computed_value": "Bulma colors"
{
"name": "notification-colors",
"value": "dv.$colors"
}
},
"list": [
"$notification-background-color",
"$notification-code-background-color",
"$notification-radius",
"$notification-padding",
"$notification-padding-ltr",
"$notification-padding-rtl",
"$notification-colors"
],
"file_path": "elements/notification.sass"
"css-vars": [
{
"name": "notification-h",
"value": "#{cv.getVar(\"scheme-h\")},"
},
{
"name": "notification-s",
"value": "#{cv.getVar(\"scheme-s\")},"
},
{
"name": "notification-background-l",
"value": "#{cv.getVar(\"background-l\")},"
},
{
"name": "notification-color-l",
"value": "#{cv.getVar(\"text-strong-l\")},"
},
{
"name": "notification-code-background-color",
"value": "var(--bulma-scheme-main)"
},
{
"name": "notification-radius",
"value": "var(--bulma-radius)"
},
{
"name": "notification-padding",
"value": "1.375em 1.5em"
}
]
}

73
docs/_data/variables/elements/progress.json
View File

@@ -1,45 +1,46 @@
{
"by_name": {
"$progress-bar-background-color": {
"name": "$progress-bar-background-color",
"value": "$border-light",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 93%)"
"sass-vars": [
{
"name": "progress-bar-background-color",
"value": "var(--bulma-border-weak)",
"css-var": "progress-bar-background-color"
},
"$progress-value-background-color": {
"name": "$progress-value-background-color",
"value": "$text",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 29%)"
{
"name": "progress-value-background-color",
"value": "var(--bulma-text)",
"css-var": "progress-value-background-color"
},
"$progress-border-radius": {
"name": "$progress-border-radius",
"value": "$radius-rounded",
"type": "variable",
"computed_type": "size",
"computed_value": "9999px"
{
"name": "progress-border-radius",
"value": "var(--bulma-radius-rounded)",
"css-var": "progress-border-radius"
},
"$progress-indeterminate-duration": {
"name": "$progress-indeterminate-duration",
{
"name": "progress-indeterminate-duration",
"value": "1.5s",
"type": "string"
"css-var": "progress-indeterminate-duration"
},
"$progress-colors": {
"name": "$progress-colors",
"value": "$colors",
"type": "variable",
"computed_type": "map",
"computed_value": "Bulma colors"
{
"name": "progress-colors",
"value": "dv.$colors"
}
},
"list": [
"$progress-bar-background-color",
"$progress-value-background-color",
"$progress-border-radius",
"$progress-indeterminate-duration",
"$progress-colors"
],
"file_path": "elements/progress.sass"
"css-vars": [
{
"name": "progress-border-radius",
"value": "var(--bulma-radius-rounded)"
},
{
"name": "progress-bar-background-color",
"value": "var(--bulma-border-weak)"
},
{
"name": "progress-value-background-color",
"value": "var(--bulma-text)"
},
{
"name": "progress-indeterminate-duration",
"value": "1.5s"
}
]
}

277
docs/_data/variables/elements/table.json
View File

@@ -1,149 +1,190 @@
{
"by_name": {
"$table-color": {
"name": "$table-color",
"value": "$text-strong",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
"sass-vars": [
{
"name": "table-color",
"value": "var(--bulma-text-strong)",
"css-var": "table-color"
},
"$table-background-color": {
"name": "$table-background-color",
"value": "$scheme-main",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 100%)"
{
"name": "table-background-color",
"value": "var(--bulma-scheme-main)",
"css-var": "table-background-color"
},
"$table-cell-border": {
"name": "$table-cell-border",
"value": "1px solid $border",
"type": "size"
{
"name": "table-cell-border-color",
"value": "var(--bulma-border)",
"css-var": "table-cell-border-color"
},
"$table-cell-border-width": {
"name": "$table-cell-border-width",
{
"name": "table-cell-border-style",
"value": "solid",
"css-var": "table-cell-border-style"
},
{
"name": "table-cell-border-width",
"value": "0 0 1px",
"type": "size"
"css-var": "table-cell-border-width"
},
"$table-cell-padding": {
"name": "$table-cell-padding",
{
"name": "table-cell-padding",
"value": "0.5em 0.75em",
"type": "size"
"css-var": "table-cell-padding"
},
"$table-cell-heading-color": {
"name": "$table-cell-heading-color",
"value": "$text-strong",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
{
"name": "table-cell-heading-color",
"value": "var(--bulma-text-strong)",
"css-var": "table-cell-heading-color"
},
"$table-cell-text-align": {
"name": "$table-cell-text-align",
{
"name": "table-cell-text-align",
"value": "left",
"type": "string"
"css-var": "table-cell-text-align"
},
"$table-head-cell-border-width": {
"name": "$table-head-cell-border-width",
{
"name": "table-head-cell-border-width",
"value": "0 0 2px",
"type": "size"
"css-var": "table-head-cell-border-width"
},
"$table-head-cell-color": {
"name": "$table-head-cell-color",
"value": "$text-strong",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
{
"name": "table-head-cell-color",
"value": "var(--bulma-text-strong)",
"css-var": "table-head-cell-color"
},
"$table-foot-cell-border-width": {
"name": "$table-foot-cell-border-width",
{
"name": "table-foot-cell-border-width",
"value": "2px 0 0",
"type": "size"
"css-var": "table-foot-cell-border-width"
},
"$table-foot-cell-color": {
"name": "$table-foot-cell-color",
"value": "$text-strong",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
{
"name": "table-foot-cell-color",
"value": "var(--bulma-text-strong)",
"css-var": "table-foot-cell-color"
},
"$table-head-background-color": {
"name": "$table-head-background-color",
{
"name": "table-head-background-color",
"value": "transparent",
"type": "string"
"css-var": "table-head-background-color"
},
"$table-body-background-color": {
"name": "$table-body-background-color",
{
"name": "table-body-background-color",
"value": "transparent",
"type": "string"
"css-var": "table-body-background-color"
},
"$table-foot-background-color": {
"name": "$table-foot-background-color",
{
"name": "table-foot-background-color",
"value": "transparent",
"type": "string"
"css-var": "table-foot-background-color"
},
"$table-row-hover-background-color": {
"name": "$table-row-hover-background-color",
"value": "$scheme-main-bis",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 98%)"
{
"name": "table-row-hover-background-color",
"value": "var(--bulma-scheme-main-bis)",
"css-var": "table-row-hover-background-color"
},
"$table-row-active-background-color": {
"name": "$table-row-active-background-color",
"value": "$primary",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(171, 100%, 41%)"
{
"name": "table-row-active-background-color",
"value": "var(--bulma-primary)",
"css-var": "table-row-active-background-color"
},
"$table-row-active-color": {
"name": "$table-row-active-color",
"value": "$primary-invert",
"type": "variable",
"computed_type": "color",
"computed_value": "#fff"
{
"name": "table-row-active-color",
"value": "var(--bulma-primary-invert)",
"css-var": "table-row-active-color"
},
"$table-striped-row-even-background-color": {
"name": "$table-striped-row-even-background-color",
"value": "$scheme-main-bis",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 98%)"
{
"name": "table-striped-row-even-background-color",
"value": "var(--bulma-scheme-main-bis)",
"css-var": "table-striped-row-even-background-color"
},
"$table-striped-row-even-hover-background-color": {
"name": "$table-striped-row-even-hover-background-color",
"value": "$scheme-main-ter",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
{
"name": "table-striped-row-even-hover-background-color",
"value": "cv.getVar(\n \"scheme-main-ter\"\n)",
"css-var": "table-striped-row-even-hover-background-color"
},
"$table-colors": {
"name": "$table-colors",
"value": "$colors",
"type": "variable",
"computed_type": "map",
"computed_value": "Bulma colors"
{
"name": "table-colors",
"value": "dv.$colors"
}
},
"list": [
"$table-color",
"$table-background-color",
"$table-cell-border",
"$table-cell-border-width",
"$table-cell-padding",
"$table-cell-heading-color",
"$table-cell-text-align",
"$table-head-cell-border-width",
"$table-head-cell-color",
"$table-foot-cell-border-width",
"$table-foot-cell-color",
"$table-head-background-color",
"$table-body-background-color",
"$table-foot-background-color",
"$table-row-hover-background-color",
"$table-row-active-background-color",
"$table-row-active-color",
"$table-striped-row-even-background-color",
"$table-striped-row-even-hover-background-color",
"$table-colors"
],
"file_path": "elements/table.sass"
"css-vars": [
{
"name": "table-color",
"value": "var(--bulma-text-strong)"
},
{
"name": "table-background-color",
"value": "var(--bulma-scheme-main)"
},
{
"name": "table-cell-border-color",
"value": "var(--bulma-border)"
},
{
"name": "table-cell-border-style",
"value": "solid"
},
{
"name": "table-cell-border-width",
"value": "0 0 1px"
},
{
"name": "table-cell-padding",
"value": "0.5em 0.75em"
},
{
"name": "table-cell-heading-color",
"value": "var(--bulma-text-strong)"
},
{
"name": "table-cell-text-align",
"value": "left"
},
{
"name": "table-head-cell-border-width",
"value": "0 0 2px"
},
{
"name": "table-head-cell-color",
"value": "var(--bulma-text-strong)"
},
{
"name": "table-foot-cell-border-width",
"value": "2px 0 0"
},
{
"name": "table-foot-cell-color",
"value": "var(--bulma-text-strong)"
},
{
"name": "table-head-background-color",
"value": "transparent"
},
{
"name": "table-body-background-color",
"value": "transparent"
},
{
"name": "table-foot-background-color",
"value": "transparent"
},
{
"name": "table-row-hover-background-color",
"value": "var(--bulma-scheme-main-bis)"
},
{
"name": "table-row-active-background-color",
"value": "var(--bulma-primary)"
},
{
"name": "table-row-active-color",
"value": "var(--bulma-primary-invert)"
},
{
"name": "table-striped-row-even-background-color",
"value": "var(--bulma-scheme-main-bis)"
},
{
"name": "table-striped-row-even-hover-background-color",
"value": "cv.getVar(\n \"scheme-main-ter\"\n)"
}
]
}

87
docs/_data/variables/elements/tag.json
View File

@@ -1,45 +1,56 @@
{
"by_name": {
"$tag-background-color": {
"name": "$tag-background-color",
"value": "$background",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
"sass-vars": [
{
"name": "tag-radius",
"value": "var(--bulma-radius)",
"css-var": "tag-radius"
},
"$tag-color": {
"name": "$tag-color",
"value": "$text",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 29%)"
},
"$tag-radius": {
"name": "$tag-radius",
"value": "$radius",
"type": "variable",
"computed_type": "size",
"computed_value": "4px"
},
"$tag-delete-margin": {
"name": "$tag-delete-margin",
{
"name": "tag-delete-margin",
"value": "1px",
"type": "size"
"css-var": "tag-delete-margin"
},
"$tag-colors": {
"name": "$tag-colors",
"value": "$colors",
"type": "variable",
"computed_type": "map",
"computed_value": "Bulma colors"
{
"name": "tag-colors",
"value": "dv.$colors"
}
},
"list": [
"$tag-background-color",
"$tag-color",
"$tag-radius",
"$tag-delete-margin",
"$tag-colors"
],
"file_path": "elements/tag.sass"
"css-vars": [
{
"name": "tag-h",
"value": "#{$tag-h},"
},
{
"name": "tag-s",
"value": "#{$tag-s},"
},
{
"name": "tag-background-l",
"value": "#{$tag-background-l},"
},
{
"name": "tag-background-l-delta",
"value": "#{$tag-background-l-delta},"
},
{
"name": "tag-hover-background-l-delta",
"value": "#{$tag-hover-background-l-delta},"
},
{
"name": "tag-active-background-l-delta",
"value": "#{$tag-active-background-l-delta},"
},
{
"name": "tag-color-l",
"value": "#{$tag-color-l},"
},
{
"name": "tag-radius",
"value": "var(--bulma-radius)"
},
{
"name": "tag-delete-margin",
"value": "1px"
}
]
}

221
docs/_data/variables/elements/title.json
View File

@@ -1,125 +1,150 @@
{
"by_name": {
"$title-color": {
"name": "$title-color",
"value": "$text-strong",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
"sass-vars": [
{
"name": "title-color",
"value": "var(--bulma-text-strong)",
"css-var": "title-color"
},
"$title-family": {
"name": "$title-family",
{
"name": "title-family",
"value": "false",
"type": "boolean"
"css-var": "title-family"
},
"$title-size": {
"name": "$title-size",
"value": "$size-3",
"type": "variable",
"computed_type": "size",
"computed_value": "2rem"
{
"name": "title-size",
"value": "var(--bulma-size-3)",
"css-var": "title-size"
},
"$title-weight": {
"name": "$title-weight",
"value": "$weight-semibold",
"type": "variable",
"computed_type": "font-weight",
"computed_value": "600"
{
"name": "title-weight",
"value": "var(--bulma-weight-extrabold)",
"css-var": "title-weight"
},
"$title-line-height": {
"name": "$title-line-height",
{
"name": "title-line-height",
"value": "1.125",
"type": "unitless"
"css-var": "title-line-height"
},
"$title-strong-color": {
"name": "$title-strong-color",
{
"name": "title-strong-color",
"value": "inherit",
"type": "string"
"css-var": "title-strong-color"
},
"$title-strong-weight": {
"name": "$title-strong-weight",
{
"name": "title-strong-weight",
"value": "inherit",
"type": "string"
"css-var": "title-strong-weight"
},
"$title-sub-size": {
"name": "$title-sub-size",
{
"name": "title-sub-size",
"value": "0.75em",
"type": "size"
"css-var": "title-sub-size"
},
"$title-sup-size": {
"name": "$title-sup-size",
{
"name": "title-sup-size",
"value": "0.75em",
"type": "size"
"css-var": "title-sup-size"
},
"$subtitle-color": {
"name": "$subtitle-color",
"value": "$text",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 29%)"
{
"name": "subtitle-color",
"value": "var(--bulma-text)",
"css-var": "subtitle-color"
},
"$subtitle-family": {
"name": "$subtitle-family",
{
"name": "subtitle-family",
"value": "false",
"type": "boolean"
"css-var": "subtitle-family"
},
"$subtitle-size": {
"name": "$subtitle-size",
"value": "$size-5",
"type": "variable",
"computed_type": "size",
"computed_value": "1.25rem"
{
"name": "subtitle-size",
"value": "var(--bulma-size-5)",
"css-var": "subtitle-size"
},
"$subtitle-weight": {
"name": "$subtitle-weight",
"value": "$weight-normal",
"type": "variable",
"computed_type": "font-weight",
"computed_value": "400"
{
"name": "subtitle-weight",
"value": "var(--bulma-weight-normal)",
"css-var": "subtitle-weight"
},
"$subtitle-line-height": {
"name": "$subtitle-line-height",
{
"name": "subtitle-line-height",
"value": "1.25",
"type": "unitless"
"css-var": "subtitle-line-height"
},
"$subtitle-strong-color": {
"name": "$subtitle-strong-color",
"value": "$text-strong",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
{
"name": "subtitle-strong-color",
"value": "var(--bulma-text-strong)",
"css-var": "subtitle-strong-color"
},
"$subtitle-strong-weight": {
"name": "$subtitle-strong-weight",
"value": "$weight-semibold",
"type": "variable",
"computed_type": "font-weight",
"computed_value": "600"
},
"$subtitle-negative-margin": {
"name": "$subtitle-negative-margin",
"value": "-1.25rem",
"type": "size"
{
"name": "subtitle-strong-weight",
"value": "var(--bulma-weight-semibold)",
"css-var": "subtitle-strong-weight"
}
},
"list": [
"$title-color",
"$title-family",
"$title-size",
"$title-weight",
"$title-line-height",
"$title-strong-color",
"$title-strong-weight",
"$title-sub-size",
"$title-sup-size",
"$subtitle-color",
"$subtitle-family",
"$subtitle-size",
"$subtitle-weight",
"$subtitle-line-height",
"$subtitle-strong-color",
"$subtitle-strong-weight",
"$subtitle-negative-margin"
],
"file_path": "elements/title.sass"
"css-vars": [
{
"name": "title-color",
"value": "var(--bulma-text-strong)"
},
{
"name": "title-family",
"value": "false"
},
{
"name": "title-size",
"value": "var(--bulma-size-3)"
},
{
"name": "title-weight",
"value": "var(--bulma-weight-extrabold)"
},
{
"name": "title-line-height",
"value": "1.125"
},
{
"name": "title-strong-color",
"value": "inherit"
},
{
"name": "title-strong-weight",
"value": "inherit"
},
{
"name": "title-sub-size",
"value": "0.75em"
},
{
"name": "title-sup-size",
"value": "0.75em"
},
{
"name": "subtitle-color",
"value": "var(--bulma-text)"
},
{
"name": "subtitle-family",
"value": "false"
},
{
"name": "subtitle-size",
"value": "var(--bulma-size-5)"
},
{
"name": "subtitle-weight",
"value": "var(--bulma-weight-normal)"
},
{
"name": "subtitle-line-height",
"value": "1.25"
},
{
"name": "subtitle-strong-color",
"value": "var(--bulma-text-strong)"
},
{
"name": "subtitle-strong-weight",
"value": "var(--bulma-weight-semibold)"
}
]
}

4
docs/_data/variables/form/checkbox-radio.json Normal file
View File

@@ -0,0 +1,4 @@
{
"sass-vars": [],
"css-vars": []
}

184
docs/_data/variables/form/file.json
View File

@@ -1,87 +1,127 @@
{
"by_name": {
"$file-border-color": {
"name": "$file-border-color",
"value": "$border",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 86%)"
"sass-vars": [
{
"name": "file-radius",
"value": "var(--bulma-radius)",
"css-var": "file-radius"
},
"$file-radius": {
"name": "$file-radius",
"value": "$radius",
"type": "variable",
"computed_type": "size",
"computed_value": "4px"
{
"name": "file-cta-color",
"value": "var(--bulma-text)"
},
"$file-cta-background-color": {
"name": "$file-cta-background-color",
"value": "$scheme-main-ter",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
{
"name": "file-cta-hover-color",
"value": "var(--bulma-text-strong)"
},
"$file-cta-color": {
"name": "$file-cta-color",
"value": "$text",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 29%)"
{
"name": "file-cta-active-color",
"value": "var(--bulma-text-strong)"
},
"$file-cta-hover-color": {
"name": "$file-cta-hover-color",
"value": "$text-strong",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
{
"name": "file-name-border-color",
"value": "var(--bulma-border)",
"css-var": "file-name-border-color"
},
"$file-cta-active-color": {
"name": "$file-cta-active-color",
"value": "$text-strong",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
},
"$file-name-border-color": {
"name": "$file-name-border-color",
"value": "$border",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 86%)"
},
"$file-name-border-style": {
"name": "$file-name-border-style",
{
"name": "file-name-border-style",
"value": "solid",
"type": "string"
"css-var": "file-name-border-style"
},
"$file-name-border-width": {
"name": "$file-name-border-width",
{
"name": "file-name-border-width",
"value": "1px 1px 1px 0",
"type": "size"
"css-var": "file-name-border-width"
},
"$file-name-max-width": {
"name": "$file-name-max-width",
{
"name": "file-name-max-width",
"value": "16em",
"type": "size"
"css-var": "file-name-max-width"
},
"$file-colors": {
"name": "$file-colors",
"value": "$form-colors",
"type": "variable"
{
"name": "file-colors",
"value": "shared.$form-colors"
}
},
"list": [
"$file-border-color",
"$file-radius",
"$file-cta-background-color",
"$file-cta-color",
"$file-cta-hover-color",
"$file-cta-active-color",
"$file-name-border-color",
"$file-name-border-style",
"$file-name-border-width",
"$file-name-max-width",
"$file-colors"
],
"file_path": "form/file.sass"
"css-vars": [
{
"name": "file-radius",
"value": "var(--bulma-radius)"
},
{
"name": "file-name-border-color",
"value": "var(--bulma-border)"
},
{
"name": "file-name-border-style",
"value": "solid"
},
{
"name": "file-name-border-width",
"value": "1px 1px 1px 0"
},
{
"name": "file-name-max-width",
"value": "16em"
},
{
"name": "file-h",
"value": "#{$file-h},"
},
{
"name": "file-s",
"value": "#{$file-s},"
},
{
"name": "file-background-l",
"value": "#{$file-background-l},"
},
{
"name": "file-background-l-delta",
"value": "#{$file-background-l-delta},"
},
{
"name": "file-hover-background-l-delta",
"value": "#{$file-hover-background-l-delta},"
},
{
"name": "file-active-background-l-delta",
"value": "#{$file-active-background-l-delta},"
},
{
"name": "file-border-l",
"value": "#{$file-border-l},"
},
{
"name": "file-border-l-delta",
"value": "#{$file-border-l-delta},"
},
{
"name": "file-hover-border-l-delta",
"value": "#{$file-hover-border-l-delta},"
},
{
"name": "file-active-border-l-delta",
"value": "#{$file-active-border-l-delta},"
},
{
"name": "file-cta-color-l",
"value": "#{$file-cta-color-l},"
},
{
"name": "file-name-color-l",
"value": "#{$file-name-color-l},"
},
{
"name": "file-color-l-delta",
"value": "#{$file-color-l-delta},"
},
{
"name": "file-hover-color-l-delta",
"value": "#{$file-hover-color-l-delta},"
},
{
"name": "file-active-color-l-delta",
"value": "#{$file-active-color-l-delta},"
}
]
}

59
docs/_data/variables/form/input-textarea.json
View File

@@ -1,31 +1,42 @@
{
"by_name": {
"$textarea-padding": {
"name": "$textarea-padding",
"value": "$control-padding-horizontal",
"type": "variable"
"sass-vars": [
{
"name": "textarea-padding",
"value": "var(--bulma-control-padding-horizontal)"
},
"$textarea-max-height": {
"name": "$textarea-max-height",
"value": "40em",
"type": "size"
{
"name": "textarea-max-height",
"value": "40em"
},
"$textarea-min-height": {
"name": "$textarea-min-height",
"value": "8em",
"type": "size"
{
"name": "textarea-min-height",
"value": "8em"
},
"$textarea-colors": {
"name": "$textarea-colors",
"value": "$form-colors",
"type": "variable"
{
"name": "textarea-colors",
"value": "shared.$form-colors"
}
},
"list": [
"$textarea-padding",
"$textarea-max-height",
"$textarea-min-height",
"$textarea-colors"
],
"file_path": "form/input-textarea.sass"
"css-vars": [
{
"name": "input-h",
"value": "#{cv.getVar(\"scheme-h\")},"
},
{
"name": "input-s",
"value": "#{cv.getVar(\"scheme-s\")},"
},
{
"name": "input-border-style",
"value": "solid,"
},
{
"name": "input-border-width",
"value": "1px,"
},
{
"name": "input-border-l",
"value": "#{cv.getVar(\"border-l\")},"
}
]
}

35
docs/_data/variables/form/select.json
View File

@@ -1,13 +1,30 @@
{
"by_name": {
"$select-colors": {
"name": "$select-colors",
"value": "$form-colors",
"type": "variable"
"sass-vars": [
{
"name": "select-colors",
"value": "shared.$form-colors"
}
},
"list": [
"$select-colors"
],
"file_path": "form/select.sass"
"css-vars": [
{
"name": "input-h",
"value": "#{cv.getVar(\"scheme-h\")},"
},
{
"name": "input-s",
"value": "#{cv.getVar(\"scheme-s\")},"
},
{
"name": "input-border-style",
"value": "solid,"
},
{
"name": "input-border-width",
"value": "1px,"
},
{
"name": "input-border-l",
"value": "#{cv.getVar(\"border-l\")},"
}
]
}

368
docs/_data/variables/form/shared.json
View File

@@ -1,163 +1,253 @@
{
"by_name": {
"$form-colors": {
"name": "$form-colors",
"value": "$colors",
"type": "variable",
"computed_type": "map",
"computed_value": "Bulma colors"
"sass-vars": [
{
"name": "form-colors",
"value": "dv.$colors"
},
"$input-color": {
"name": "$input-color",
"value": "$text-strong",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
{
"name": "input-h",
"value": "var(--bulma-scheme-h)",
"css-var": "input-h"
},
"$input-background-color": {
"name": "$input-background-color",
"value": "$scheme-main",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 100%)"
{
"name": "input-s",
"value": "var(--bulma-scheme-s)",
"css-var": "input-s"
},
"$input-border-color": {
"name": "$input-border-color",
"value": "$border",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 86%)"
{
"name": "input-l",
"value": "var(--bulma-scheme-main-l)",
"css-var": "input-l"
},
"$input-height": {
"name": "$input-height",
"value": "$control-height",
"type": "variable"
{
"name": "input-border-l",
"value": "var(--bulma-border-l)",
"css-var": "input-border-l"
},
"$input-shadow": {
"name": "$input-shadow",
"value": "inset 0 0.0625em 0.125em rgba($scheme-invert, 0.05)",
"type": "shadow"
{
"name": "input-border-l-delta",
"value": "0%",
"css-var": "input-border-l-delta"
},
"$input-placeholder-color": {
"name": "$input-placeholder-color",
"value": "bulmaRgba($input-color, 0.3)",
"type": "compound"
{
"name": "input-hover-border-l-delta",
"value": "var(--bulma-hover-border-l-delta)",
"css-var": "input-hover-border-l-delta"
},
"$input-hover-color": {
"name": "$input-hover-color",
"value": "$text-strong",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
{
"name": "input-active-border-l-delta",
"value": "var(--bulma-active-border-l-delta)",
"css-var": "input-active-border-l-delta"
},
"$input-hover-border-color": {
"name": "$input-hover-border-color",
"value": "$border-hover",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 71%)"
{
"name": "input-color-l",
"value": "var(--bulma-text-strong-l)",
"css-var": "input-color-l"
},
"$input-focus-color": {
"name": "$input-focus-color",
"value": "$text-strong",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
{
"name": "input-background-l",
"value": "var(--bulma-scheme-main-l)",
"css-var": "input-background-l"
},
"$input-focus-border-color": {
"name": "$input-focus-border-color",
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(229, 53%, 53%)"
{
"name": "input-background-l-delta",
"value": "0%",
"css-var": "input-background-l-delta"
},
"$input-focus-box-shadow-size": {
"name": "$input-focus-box-shadow-size",
"value": "0 0 0 0.125em",
"type": "size"
{
"name": "input-height",
"value": "var(--bulma-control-height)",
"css-var": "input-height"
},
"$input-focus-box-shadow-color": {
"name": "$input-focus-box-shadow-color",
"value": "bulmaRgba($link, 0.25)",
"type": "compound"
{
"name": "input-shadow",
"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.05\n )",
"css-var": "input-shadow"
},
"$input-disabled-color": {
"name": "$input-disabled-color",
"value": "$text-light",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 48%)"
{
"name": "input-placeholder-color",
"value": "hsla(\n var(--bulma-text-h),\n var(--bulma-text-s),\n var(--bulma-text-strong-l),\n 0.3\n)",
"css-var": "input-placeholder-color"
},
"$input-disabled-background-color": {
"name": "$input-disabled-background-color",
"value": "$background",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
{
"name": "input-focus-h",
"value": "var(--bulma-focus-h)",
"css-var": "input-focus-h"
},
"$input-disabled-border-color": {
"name": "$input-disabled-border-color",
"value": "$background",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
{
"name": "input-focus-s",
"value": "var(--bulma-focus-s)",
"css-var": "input-focus-s"
},
"$input-disabled-placeholder-color": {
"name": "$input-disabled-placeholder-color",
"value": "bulmaRgba($input-disabled-color, 0.3)",
"type": "compound"
{
"name": "input-focus-l",
"value": "var(--bulma-focus-l)",
"css-var": "input-focus-l"
},
"$input-arrow": {
"name": "$input-arrow",
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(229, 53%, 53%)"
{
"name": "input-focus-shadow-size",
"value": "var(--bulma-focus-shadow-size)",
"css-var": "input-focus-shadow-size"
},
"$input-icon-color": {
"name": "$input-icon-color",
"value": "$border",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 86%)"
{
"name": "input-focus-shadow-alpha",
"value": "var(--bulma-focus-shadow-alpha)",
"css-var": "input-focus-shadow-alpha"
},
"$input-icon-active-color": {
"name": "$input-icon-active-color",
"value": "$text",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 29%)"
{
"name": "input-disabled-color",
"value": "var(--bulma-text-weak)",
"css-var": "input-disabled-color"
},
"$input-radius": {
"name": "$input-radius",
"value": "$radius",
"type": "variable",
"computed_type": "size",
"computed_value": "4px"
{
"name": "input-disabled-background-color",
"value": "var(--bulma-background)",
"css-var": "input-disabled-background-color"
},
{
"name": "input-disabled-border-color",
"value": "var(--bulma-background)",
"css-var": "input-disabled-border-color"
},
{
"name": "input-disabled-placeholder-color",
"value": "hsla(\n var(--bulma-text-h),\n var(--bulma-text-s),\n var(--bulma-text-weak-l),\n 0.3\n)",
"css-var": "input-disabled-placeholder-color"
},
{
"name": "input-arrow",
"value": "var(--bulma-link)",
"css-var": "input-arrow"
},
{
"name": "input-icon-color",
"value": "var(--bulma-text-light)",
"css-var": "input-icon-color"
},
{
"name": "input-icon-hover-color",
"value": "var(--bulma-text-weak)",
"css-var": "input-icon-hover-color"
},
{
"name": "input-icon-focus-color",
"value": "var(--bulma-link)",
"css-var": "input-icon-focus-color"
},
{
"name": "input-radius",
"value": "var(--bulma-radius)",
"css-var": "input-radius"
}
},
"list": [
"$form-colors",
"$input-color",
"$input-background-color",
"$input-border-color",
"$input-height",
"$input-shadow",
"$input-placeholder-color",
"$input-hover-color",
"$input-hover-border-color",
"$input-focus-color",
"$input-focus-border-color",
"$input-focus-box-shadow-size",
"$input-focus-box-shadow-color",
"$input-disabled-color",
"$input-disabled-background-color",
"$input-disabled-border-color",
"$input-disabled-placeholder-color",
"$input-arrow",
"$input-icon-color",
"$input-icon-active-color",
"$input-radius"
],
"file_path": "form/shared.sass"
"css-vars": [
{
"name": "input-h",
"value": "var(--bulma-scheme-h)"
},
{
"name": "input-s",
"value": "var(--bulma-scheme-s)"
},
{
"name": "input-l",
"value": "var(--bulma-scheme-main-l)"
},
{
"name": "input-border-l",
"value": "var(--bulma-border-l)"
},
{
"name": "input-border-l-delta",
"value": "0%"
},
{
"name": "input-hover-border-l-delta",
"value": "var(--bulma-hover-border-l-delta)"
},
{
"name": "input-active-border-l-delta",
"value": "var(--bulma-active-border-l-delta)"
},
{
"name": "input-focus-h",
"value": "var(--bulma-focus-h)"
},
{
"name": "input-focus-s",
"value": "var(--bulma-focus-s)"
},
{
"name": "input-focus-l",
"value": "var(--bulma-focus-l)"
},
{
"name": "input-focus-shadow-size",
"value": "var(--bulma-focus-shadow-size)"
},
{
"name": "input-focus-shadow-alpha",
"value": "var(--bulma-focus-shadow-alpha)"
},
{
"name": "input-color-l",
"value": "var(--bulma-text-strong-l)"
},
{
"name": "input-background-l",
"value": "var(--bulma-scheme-main-l)"
},
{
"name": "input-background-l-delta",
"value": "0%"
},
{
"name": "input-height",
"value": "var(--bulma-control-height)"
},
{
"name": "input-shadow",
"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.05\n )"
},
{
"name": "input-placeholder-color",
"value": "hsla(\n var(--bulma-text-h),\n var(--bulma-text-s),\n var(--bulma-text-strong-l),\n 0.3\n)"
},
{
"name": "input-disabled-color",
"value": "var(--bulma-text-weak)"
},
{
"name": "input-disabled-background-color",
"value": "var(--bulma-background)"
},
{
"name": "input-disabled-border-color",
"value": "var(--bulma-background)"
},
{
"name": "input-disabled-placeholder-color",
"value": "hsla(\n var(--bulma-text-h),\n var(--bulma-text-s),\n var(--bulma-text-weak-l),\n 0.3\n)"
},
{
"name": "input-arrow",
"value": "var(--bulma-link)"
},
{
"name": "input-icon-color",
"value": "var(--bulma-text-light)"
},
{
"name": "input-icon-hover-color",
"value": "var(--bulma-text-weak)"
},
{
"name": "input-icon-focus-color",
"value": "var(--bulma-link)"
},
{
"name": "input-radius",
"value": "var(--bulma-radius)"
}
]
}

49
docs/_data/variables/form/tools.json
View File

@@ -1,37 +1,26 @@
{
"by_name": {
"$label-color": {
"name": "$label-color",
"value": "$text-strong",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
"sass-vars": [
{
"name": "label-color",
"value": "var(--bulma-text-strong)"
},
"$label-weight": {
"name": "$label-weight",
"value": "$weight-bold",
"type": "variable",
"computed_type": "font-weight",
"computed_value": "700"
{
"name": "label-weight",
"value": "var(--bulma-weight-semibold)"
},
"$help-size": {
"name": "$help-size",
"value": "$size-small",
"type": "variable",
"computed_type": "size",
"computed_value": "0.75rem"
{
"name": "help-size",
"value": "var(--bulma-size-small)"
},
"$label-colors": {
"name": "$label-colors",
"value": "$form-colors",
"type": "variable"
{
"name": "label-colors",
"value": "shared.$form-colors"
}
},
"list": [
"$label-color",
"$label-weight",
"$help-size",
"$label-colors"
],
"file_path": "form/tools.sass"
"css-vars": [
{
"name": "block-spacing",
"value": "0.75rem,"
}
]
}

18
docs/_data/variables/grid/columns.json
View File

@@ -1,13 +1,15 @@
{
"by_name": {
"$column-gap": {
"name": "$column-gap",
"sass-vars": [
{
"name": "column-gap",
"value": "0.75rem",
"type": "size"
"css-var": "column-gap"
}
},
"list": [
"$column-gap"
],
"file_path": "grid/columns.sass"
"css-vars": [
{
"name": "column-gap",
"value": "0.75rem"
}
]
}

13
docs/_data/variables/grid/grid.json Normal file
View File

@@ -0,0 +1,13 @@
{
"sass-vars": [],
"css-vars": [
{
"name": "grid-gap-count",
"value": "calc(#{cv.getVar(\"grid-column-count\")} - 1),"
},
{
"name": "grid-column-count",
"value": "2,"
}
]
}

13
docs/_data/variables/grid/tiles.json
View File

@@ -1,13 +0,0 @@
{
"by_name": {
"$tile-spacing": {
"name": "$tile-spacing",
"value": "0.75rem",
"type": "size"
}
},
"list": [
"$tile-spacing"
],
"file_path": "grid/tiles.sass"
}

37
docs/_data/variables/helpers/spacing.json
View File

@@ -1,37 +0,0 @@
{
"by_name": {
"$spacing-shortcuts": {
"name": "$spacing-shortcuts",
"value": "(\"margin\": \"m\", \"padding\": \"p\")",
"type": "string"
},
"$spacing-directions": {
"name": "$spacing-directions",
"value": "(\"top\": \"t\", \"right\": \"r\", \"bottom\": \"b\", \"left\": \"l\")",
"type": "string"
},
"$spacing-horizontal": {
"name": "$spacing-horizontal",
"value": "\"x\"",
"type": "string"
},
"$spacing-vertical": {
"name": "$spacing-vertical",
"value": "\"y\"",
"type": "string"
},
"$spacing-values": {
"name": "$spacing-values",
"value": "(\"0\": 0, \"1\": 0.25rem, \"2\": 0.5rem, \"3\": 0.75rem, \"4\": 1rem, \"5\": 1.5rem, \"6\": 3rem, \"auto\": auto)",
"type": "string"
}
},
"list": [
"$spacing-shortcuts",
"$spacing-directions",
"$spacing-horizontal",
"$spacing-vertical",
"$spacing-values"
],
"file_path": "helpers/spacing.sass"
}

13
docs/_data/variables/layout/container.json Normal file
View File

@@ -0,0 +1,13 @@
{
"sass-vars": [
{
"name": "container-offset",
"value": "2 * iv.$gap"
},
{
"name": "container-max-width",
"value": "iv.$fullhd"
}
],
"css-vars": []
}

44
docs/_data/variables/layout/footer.json
View File

@@ -1,27 +1,33 @@
{
"by_name": {
"$footer-background-color": {
"name": "$footer-background-color",
"value": "$scheme-main-bis",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 98%)"
"sass-vars": [
{
"name": "footer-background-color",
"value": "var(--bulma-scheme-main-bis)",
"css-var": "footer-background-color"
},
"$footer-color": {
"name": "$footer-color",
{
"name": "footer-color",
"value": "false",
"type": "boolean"
"css-var": "footer-color"
},
"$footer-padding": {
"name": "$footer-padding",
{
"name": "footer-padding",
"value": "3rem 1.5rem 6rem",
"type": "size"
"css-var": "footer-padding"
}
},
"list": [
"$footer-background-color",
"$footer-color",
"$footer-padding"
],
"file_path": "layout/footer.sass"
"css-vars": [
{
"name": "footer-background-color",
"value": "var(--bulma-scheme-main-bis)"
},
{
"name": "footer-color",
"value": "false"
},
{
"name": "footer-padding",
"value": "3rem 1.5rem 6rem"
}
]
}

72
docs/_data/variables/layout/hero.json
View File

@@ -1,45 +1,55 @@
{
"by_name": {
"$hero-body-padding": {
"name": "$hero-body-padding",
"sass-vars": [
{
"name": "hero-body-padding",
"value": "3rem 1.5rem",
"type": "size"
"css-var": "hero-body-padding"
},
"$hero-body-padding-tablet": {
"name": "$hero-body-padding-tablet",
{
"name": "hero-body-padding-tablet",
"value": "3rem 3rem",
"type": "size"
"css-var": "hero-body-padding-tablet"
},
"$hero-body-padding-small": {
"name": "$hero-body-padding-small",
{
"name": "hero-body-padding-small",
"value": "1.5rem",
"type": "size"
"css-var": "hero-body-padding-small"
},
"$hero-body-padding-medium": {
"name": "$hero-body-padding-medium",
{
"name": "hero-body-padding-medium",
"value": "9rem 4.5rem",
"type": "size"
"css-var": "hero-body-padding-medium"
},
"$hero-body-padding-large": {
"name": "$hero-body-padding-large",
{
"name": "hero-body-padding-large",
"value": "18rem 6rem",
"type": "size"
"css-var": "hero-body-padding-large"
},
"$hero-colors": {
"name": "$hero-colors",
"value": "$colors",
"type": "variable",
"computed_type": "map",
"computed_value": "Bulma colors"
{
"name": "hero-colors",
"value": "dv.$colors"
}
},
"list": [
"$hero-body-padding",
"$hero-body-padding-tablet",
"$hero-body-padding-small",
"$hero-body-padding-medium",
"$hero-body-padding-large",
"$hero-colors"
],
"file_path": "layout/hero.sass"
"css-vars": [
{
"name": "hero-body-padding",
"value": "3rem 1.5rem"
},
{
"name": "hero-body-padding-tablet",
"value": "3rem 3rem"
},
{
"name": "hero-body-padding-small",
"value": "1.5rem"
},
{
"name": "hero-body-padding-medium",
"value": "9rem 4.5rem"
},
{
"name": "hero-body-padding-large",
"value": "18rem 6rem"
}
]
}

9
docs/_data/variables/layout/level.json Normal file
View File

@@ -0,0 +1,9 @@
{
"sass-vars": [
{
"name": "level-item-spacing",
"value": "calc(var(--bulma-block-spacing) * 0.5)"
}
],
"css-vars": []
}

78
docs/_data/variables/layout/media.json Normal file
View File

@@ -0,0 +1,78 @@
{
"sass-vars": [
{
"name": "media-border-color",
"value": "hsla(\n var(--bulma-scheme-h),\n var(--bulma-scheme-s),\n var(--bulma-border-l),\n 0.5\n)",
"css-var": "media-border-color"
},
{
"name": "media-border-size",
"value": "1px",
"css-var": "media-border-size"
},
{
"name": "media-spacing",
"value": "1rem",
"css-var": "media-spacing"
},
{
"name": "media-spacing-large",
"value": "1.5rem",
"css-var": "media-spacing-large"
},
{
"name": "media-content-spacing",
"value": "0.75rem",
"css-var": "media-content-spacing"
},
{
"name": "media-level-1-spacing",
"value": "0.75rem",
"css-var": "media-level-1-spacing"
},
{
"name": "media-level-1-content-spacing",
"value": "0.5rem",
"css-var": "media-level-1-content-spacing"
},
{
"name": "media-level-2-spacing",
"value": "0.5rem",
"css-var": "media-level-2-spacing"
}
],
"css-vars": [
{
"name": "media-border-color",
"value": "hsla(\n var(--bulma-scheme-h),\n var(--bulma-scheme-s),\n var(--bulma-border-l),\n 0.5\n)"
},
{
"name": "media-border-size",
"value": "1px"
},
{
"name": "media-spacing",
"value": "1rem"
},
{
"name": "media-spacing-large",
"value": "1.5rem"
},
{
"name": "media-content-spacing",
"value": "0.75rem"
},
{
"name": "media-level-1-spacing",
"value": "0.75rem"
},
{
"name": "media-level-1-content-spacing",
"value": "0.5rem"
},
{
"name": "media-level-2-spacing",
"value": "0.5rem"
}
]
}

51
docs/_data/variables/layout/section.json
View File

@@ -1,31 +1,42 @@
{
"by_name": {
"$section-padding": {
"name": "$section-padding",
"sass-vars": [
{
"name": "section-padding",
"value": "3rem 1.5rem",
"type": "size"
"css-var": "section-padding"
},
"$section-padding-desktop": {
"name": "$section-padding-desktop",
{
"name": "section-padding-desktop",
"value": "3rem 3rem",
"type": "size"
"css-var": "section-padding-desktop"
},
"$section-padding-medium": {
"name": "$section-padding-medium",
{
"name": "section-padding-medium",
"value": "9rem 4.5rem",
"type": "size"
"css-var": "section-padding-medium"
},
"$section-padding-large": {
"name": "$section-padding-large",
{
"name": "section-padding-large",
"value": "18rem 6rem",
"type": "size"
"css-var": "section-padding-large"
}
},
"list": [
"$section-padding",
"$section-padding-desktop",
"$section-padding-medium",
"$section-padding-large"
],
"file_path": "layout/section.sass"
"css-vars": [
{
"name": "section-padding",
"value": "3rem 1.5rem"
},
{
"name": "section-padding-desktop",
"value": "3rem 3rem"
},
{
"name": "section-padding-medium",
"value": "9rem 4.5rem"
},
{
"name": "section-padding-large",
"value": "18rem 6rem"
}
]
}

110
docs/_data/variables/utilities/controls.json
View File

@@ -1,53 +1,87 @@
{
"by_name": {
"$control-radius": {
"name": "$control-radius",
"value": "$radius",
"type": "variable",
"computed_type": "size",
"computed_value": "4px"
"sass-vars": [
{
"name": "control-radius",
"value": "var(--bulma-radius)",
"css-var": "control-radius"
},
"$control-radius-small": {
"name": "$control-radius-small",
"value": "$radius-small",
"type": "variable",
"computed_type": "size",
"computed_value": "2px"
{
"name": "control-radius-small",
"value": "var(--bulma-radius-small)",
"css-var": "control-radius-small"
},
"$control-border-width": {
"name": "$control-border-width",
{
"name": "control-border-width",
"value": "1px",
"type": "size"
"css-var": "control-border-width"
},
"$control-height": {
"name": "$control-height",
{
"name": "control-size",
"value": "var(--bulma-size-normal)",
"css-var": "control-size"
},
{
"name": "control-height",
"value": "2.5em",
"type": "size"
"css-var": "control-height"
},
"$control-line-height": {
"name": "$control-line-height",
{
"name": "control-line-height",
"value": "1.5",
"type": "unitless"
"css-var": "control-line-height"
},
"$control-padding-vertical": {
"name": "$control-padding-vertical",
{
"name": "control-padding-vertical",
"value": "calc(0.5em - #{$control-border-width})",
"type": "size"
"css-var": "control-padding-vertical"
},
"$control-padding-horizontal": {
"name": "$control-padding-horizontal",
{
"name": "control-padding-horizontal",
"value": "calc(0.75em - #{$control-border-width})",
"type": "size"
"css-var": "control-padding-horizontal"
},
{
"name": "control-focus-shadow-l",
"value": "50%",
"css-var": "control-focus-shadow-l"
}
},
"list": [
"$control-radius",
"$control-radius-small",
"$control-border-width",
"$control-height",
"$control-line-height",
"$control-padding-vertical",
"$control-padding-horizontal"
],
"file_path": "utilities/controls.sass"
"css-vars": [
{
"name": "control-radius",
"value": "var(--bulma-radius)"
},
{
"name": "control-radius-small",
"value": "var(--bulma-radius-small)"
},
{
"name": "control-border-width",
"value": "1px"
},
{
"name": "control-height",
"value": "2.5em"
},
{
"name": "control-line-height",
"value": "1.5"
},
{
"name": "control-padding-vertical",
"value": "calc(0.5em - #{$control-border-width})"
},
{
"name": "control-padding-horizontal",
"value": "calc(0.75em - #{$control-border-width})"
},
{
"name": "control-size",
"value": "var(--bulma-size-normal)"
},
{
"name": "control-focus-shadow-l",
"value": "50%"
}
]
}

718
docs/_data/variables/utilities/derived-variables.json
View File

@@ -1,569 +1,157 @@
{
"by_name": {
"$primary": {
"name": "$primary",
"value": "$turquoise",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(171, 100%, 41%)"
},
"$info": {
"name": "$info",
"value": "$cyan",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(207, 61%, 53%)"
},
"$success": {
"name": "$success",
"value": "$green",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(153, 53%, 53%)"
},
"$warning": {
"name": "$warning",
"value": "$yellow",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(44, 100%, 77%)"
},
"$danger": {
"name": "$danger",
"value": "$red",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(348, 86%, 61%)"
},
"$light": {
"name": "$light",
"value": "$white-ter",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
},
"$dark": {
"name": "$dark",
"value": "$grey-darker",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
},
"$orange-invert": {
"name": "$orange-invert",
"value": "findColorInvert($orange)",
"type": "function",
"computed_type": "color",
"computed_value": "#fff"
},
"$yellow-invert": {
"name": "$yellow-invert",
"value": "findColorInvert($yellow)",
"type": "function",
"computed_type": "color",
"computed_value": "rgba(0, 0, 0, 0.7)"
},
"$green-invert": {
"name": "$green-invert",
"value": "findColorInvert($green)",
"type": "function",
"computed_type": "color",
"computed_value": "#fff"
},
"$turquoise-invert": {
"name": "$turquoise-invert",
"value": "findColorInvert($turquoise)",
"type": "function",
"computed_type": "color",
"computed_value": "#fff"
},
"$cyan-invert": {
"name": "$cyan-invert",
"value": "findColorInvert($cyan)",
"type": "function",
"computed_type": "color",
"computed_value": "#fff"
},
"$blue-invert": {
"name": "$blue-invert",
"value": "findColorInvert($blue)",
"type": "function",
"computed_type": "color",
"computed_value": "#fff"
},
"$purple-invert": {
"name": "$purple-invert",
"value": "findColorInvert($purple)",
"type": "function",
"computed_type": "color",
"computed_value": "#fff"
},
"$red-invert": {
"name": "$red-invert",
"value": "findColorInvert($red)",
"type": "function",
"computed_type": "color",
"computed_value": "#fff"
},
"$primary-invert": {
"name": "$primary-invert",
"value": "findColorInvert($primary)",
"type": "function",
"computed_type": "color",
"computed_value": "#fff"
},
"$primary-light": {
"name": "$primary-light",
"value": "findLightColor($primary)",
"type": "compound"
},
"$primary-dark": {
"name": "$primary-dark",
"value": "findDarkColor($primary)",
"type": "compound"
},
"$info-invert": {
"name": "$info-invert",
"value": "findColorInvert($info)",
"type": "function",
"computed_type": "color",
"computed_value": "#fff"
},
"$info-light": {
"name": "$info-light",
"value": "findLightColor($info)",
"type": "compound"
},
"$info-dark": {
"name": "$info-dark",
"value": "findDarkColor($info)",
"type": "compound"
},
"$success-invert": {
"name": "$success-invert",
"value": "findColorInvert($success)",
"type": "function",
"computed_type": "color",
"computed_value": "#fff"
},
"$success-light": {
"name": "$success-light",
"value": "findLightColor($success)",
"type": "compound"
},
"$success-dark": {
"name": "$success-dark",
"value": "findDarkColor($success)",
"type": "compound"
},
"$warning-invert": {
"name": "$warning-invert",
"value": "findColorInvert($warning)",
"type": "function",
"computed_type": "color",
"computed_value": "#fff"
},
"$warning-light": {
"name": "$warning-light",
"value": "findLightColor($warning)",
"type": "compound"
},
"$warning-dark": {
"name": "$warning-dark",
"value": "findDarkColor($warning)",
"type": "compound"
},
"$danger-invert": {
"name": "$danger-invert",
"value": "findColorInvert($danger)",
"type": "function",
"computed_type": "color",
"computed_value": "#fff"
},
"$danger-light": {
"name": "$danger-light",
"value": "findLightColor($danger)",
"type": "compound"
},
"$danger-dark": {
"name": "$danger-dark",
"value": "findDarkColor($danger)",
"type": "compound"
},
"$light-invert": {
"name": "$light-invert",
"value": "findColorInvert($light)",
"type": "function",
"computed_type": "color",
"computed_value": "#fff"
},
"$dark-invert": {
"name": "$dark-invert",
"value": "findColorInvert($dark)",
"type": "function",
"computed_type": "color",
"computed_value": "#fff"
},
"$scheme-main": {
"name": "$scheme-main",
"value": "$white",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 100%)"
},
"$scheme-main-bis": {
"name": "$scheme-main-bis",
"value": "$white-bis",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 98%)"
},
"$scheme-main-ter": {
"name": "$scheme-main-ter",
"value": "$white-ter",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
},
"$scheme-invert": {
"name": "$scheme-invert",
"value": "$black",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 4%)"
},
"$scheme-invert-bis": {
"name": "$scheme-invert-bis",
"value": "$black-bis",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 7%)"
},
"$scheme-invert-ter": {
"name": "$scheme-invert-ter",
"value": "$black-ter",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 14%)"
},
"$background": {
"name": "$background",
"value": "$white-ter",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
},
"$border": {
"name": "$border",
"value": "$grey-lighter",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 86%)"
},
"$border-hover": {
"name": "$border-hover",
"value": "$grey-light",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 71%)"
},
"$border-light": {
"name": "$border-light",
"value": "$grey-lightest",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 93%)"
},
"$border-light-hover": {
"name": "$border-light-hover",
"value": "$grey-light",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 71%)"
},
"$text": {
"name": "$text",
"value": "$grey-dark",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 29%)"
},
"$text-invert": {
"name": "$text-invert",
"value": "findColorInvert($text)",
"type": "function",
"computed_type": "color",
"computed_value": "#fff"
},
"$text-light": {
"name": "$text-light",
"value": "$grey",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 48%)"
},
"$text-strong": {
"name": "$text-strong",
"value": "$grey-darker",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
},
"$code": {
"name": "$code",
"value": "darken($red, 15%)",
"type": "compound"
},
"$code-background": {
"name": "$code-background",
"value": "$background",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
},
"$pre": {
"name": "$pre",
"value": "$text",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 29%)"
},
"$pre-background": {
"name": "$pre-background",
"value": "$background",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
},
"$link": {
"name": "$link",
"value": "$blue",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(229, 53%, 53%)"
},
"$link-invert": {
"name": "$link-invert",
"value": "findColorInvert($link)",
"type": "function",
"computed_type": "color",
"computed_value": "#fff"
},
"$link-light": {
"name": "$link-light",
"value": "findLightColor($link)",
"type": "compound"
},
"$link-dark": {
"name": "$link-dark",
"value": "findDarkColor($link)",
"type": "compound"
},
"$link-visited": {
"name": "$link-visited",
"value": "$purple",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(271, 100%, 71%)"
},
"$link-hover": {
"name": "$link-hover",
"value": "$grey-darker",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
},
"$link-hover-border": {
"name": "$link-hover-border",
"value": "$grey-light",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 71%)"
},
"$link-focus": {
"name": "$link-focus",
"value": "$grey-darker",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
},
"$link-focus-border": {
"name": "$link-focus-border",
"value": "$blue",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(229, 53%, 53%)"
},
"$link-active": {
"name": "$link-active",
"value": "$grey-darker",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
},
"$link-active-border": {
"name": "$link-active-border",
"value": "$grey-dark",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 29%)"
},
"$family-primary": {
"name": "$family-primary",
"value": "$family-sans-serif",
"type": "variable",
"computed_type": "font-family",
"computed_value": "BlinkMacSystemFont, -apple-system, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", sans-serif"
},
"$family-secondary": {
"name": "$family-secondary",
"value": "$family-sans-serif",
"type": "variable",
"computed_type": "font-family",
"computed_value": "BlinkMacSystemFont, -apple-system, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", sans-serif"
},
"$family-code": {
"name": "$family-code",
"value": "$family-monospace",
"type": "variable",
"computed_type": "font-family",
"computed_value": "monospace"
},
"$size-small": {
"name": "$size-small",
"value": "$size-7",
"type": "variable",
"computed_type": "size",
"computed_value": "0.75rem"
},
"$size-normal": {
"name": "$size-normal",
"value": "$size-6",
"type": "variable",
"computed_type": "size",
"computed_value": "1rem"
},
"$size-medium": {
"name": "$size-medium",
"value": "$size-5",
"type": "variable",
"computed_type": "size",
"computed_value": "1.25rem"
},
"$size-large": {
"name": "$size-large",
"value": "$size-4",
"type": "variable",
"computed_type": "size",
"computed_value": "1.5rem"
},
"$shadow": {
"name": "$shadow",
"value": "0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02)",
"type": "shadow"
},
"$custom-colors": {
"name": "$custom-colors",
"value": "null",
"type": "keyword"
},
"$custom-shades": {
"name": "$custom-shades",
"value": "null",
"type": "keyword"
},
"$colors": {
"name": "$colors",
"value": "mergeColorMaps((\"white\": ($white, $black), \"black\": ($black, $white), \"light\": ($light, $light-invert), \"dark\": ($dark, $dark-invert), \"primary\": ($primary, $primary-invert, $primary-light, $primary-dark), \"link\": ($link, $link-invert, $link-light, $link-dark), \"info\": ($info, $info-invert, $info-light, $info-dark), \"success\": ($success, $success-invert, $success-light, $success-dark), \"warning\": ($warning, $warning-invert, $warning-light, $warning-dark), \"danger\": ($danger, $danger-invert, $danger-light, $danger-dark)), $custom-colors)",
"type": "map"
},
"$shades": {
"name": "$shades",
"value": "mergeColorMaps((\"black-bis\": $black-bis, \"black-ter\": $black-ter, \"grey-darker\": $grey-darker, \"grey-dark\": $grey-dark, \"grey\": $grey, \"grey-light\": $grey-light, \"grey-lighter\": $grey-lighter, \"white-ter\": $white-ter, \"white-bis\": $white-bis), $custom-shades)",
"type": "map"
},
"$sizes": {
"name": "$sizes",
"value": "$size-1 $size-2 $size-3 $size-4 $size-5 $size-6 $size-7",
"type": "map"
"sass-vars": [
{
"name": "scheme-main",
"value": "iv.$white"
},
{
"name": "scheme-main-bis",
"value": "iv.$white-bis"
},
{
"name": "scheme-main-ter",
"value": "iv.$white-ter"
},
{
"name": "scheme-invert",
"value": "iv.$black"
},
{
"name": "scheme-invert-bis",
"value": "iv.$black-bis"
},
{
"name": "scheme-invert-ter",
"value": "iv.$black-ter"
},
{
"name": "text",
"value": "iv.$grey-dark"
},
{
"name": "text-invert",
"value": "fn.bulmaFindColorInvert($text)"
},
{
"name": "text-weak",
"value": "iv.$grey"
},
{
"name": "text-strong",
"value": "iv.$grey-darker"
},
{
"name": "primary",
"value": "iv.$turquoise"
},
{
"name": "info",
"value": "iv.$cyan"
},
{
"name": "success",
"value": "iv.$green"
},
{
"name": "warning",
"value": "iv.$yellow"
},
{
"name": "danger",
"value": "iv.$red"
},
{
"name": "light",
"value": "iv.$white-ter"
},
{
"name": "dark",
"value": "iv.$grey-darker"
},
{
"name": "link",
"value": "iv.$blue"
},
{
"name": "background",
"value": "iv.$white-ter"
},
{
"name": "border",
"value": "iv.$grey-lighter"
},
{
"name": "border-weak",
"value": "iv.$grey-lightest"
},
{
"name": "code",
"value": "iv.$red"
},
{
"name": "code-background",
"value": "$background"
},
{
"name": "pre",
"value": "$text"
},
{
"name": "pre-background",
"value": "$background"
},
{
"name": "family-primary",
"value": "iv.$family-sans-serif"
},
{
"name": "family-secondary",
"value": "iv.$family-sans-serif"
},
{
"name": "family-code",
"value": "iv.$family-monospace"
},
{
"name": "size-small",
"value": "iv.$size-7"
},
{
"name": "size-normal",
"value": "iv.$size-6"
},
{
"name": "size-medium",
"value": "iv.$size-5"
},
{
"name": "size-large",
"value": "iv.$size-4"
},
{
"name": "shadow-color",
"value": "iv.$black"
},
{
"name": "custom-colors",
"value": "null"
},
{
"name": "custom-shades",
"value": "null"
},
{
"name": "colors",
"value": "fn.mergeColorMaps(\n (\n \"white\": (\n iv.$white,\n iv.$black,\n ),\n \"black\": (\n iv.$black,\n iv.$white,\n ),\n \"light\": (\n $light,\n $dark,\n ),\n \"dark\": (\n $dark,\n $light,\n ),\n \"text\": $text,\n \"primary\": $primary,\n \"link\": $link,\n \"info\": $info,\n \"success\": $success,\n \"warning\": $warning,\n \"danger\": $danger,\n ),\n $custom-colors\n)"
},
{
"name": "shades",
"value": "fn.mergeColorMaps(\n (\n \"black-bis\": iv.$black-bis,\n \"black-ter\": iv.$black-ter,\n \"grey-darker\": iv.$grey-darker,\n \"grey-dark\": iv.$grey-dark,\n \"grey\": iv.$grey,\n \"grey-light\": iv.$grey-light,\n \"grey-lighter\": iv.$grey-lighter,\n \"white-ter\": iv.$white-ter,\n \"white-bis\": iv.$white-bis,\n ),\n $custom-shades\n)"
},
{
"name": "sizes",
"value": "iv.$size-1 iv.$size-2 iv.$size-3 iv.$size-4 iv.$size-5 iv.$size-6\n iv.$size-7"
}
},
"list": [
"$primary",
"$info",
"$success",
"$warning",
"$danger",
"$light",
"$dark",
"$orange-invert",
"$yellow-invert",
"$green-invert",
"$turquoise-invert",
"$cyan-invert",
"$blue-invert",
"$purple-invert",
"$red-invert",
"$primary-invert",
"$primary-light",
"$primary-dark",
"$info-invert",
"$info-light",
"$info-dark",
"$success-invert",
"$success-light",
"$success-dark",
"$warning-invert",
"$warning-light",
"$warning-dark",
"$danger-invert",
"$danger-light",
"$danger-dark",
"$light-invert",
"$dark-invert",
"$scheme-main",
"$scheme-main-bis",
"$scheme-main-ter",
"$scheme-invert",
"$scheme-invert-bis",
"$scheme-invert-ter",
"$background",
"$border",
"$border-hover",
"$border-light",
"$border-light-hover",
"$text",
"$text-invert",
"$text-light",
"$text-strong",
"$code",
"$code-background",
"$pre",
"$pre-background",
"$link",
"$link-invert",
"$link-light",
"$link-dark",
"$link-visited",
"$link-hover",
"$link-hover-border",
"$link-focus",
"$link-focus-border",
"$link-active",
"$link-active-border",
"$family-primary",
"$family-secondary",
"$family-code",
"$size-small",
"$size-normal",
"$size-medium",
"$size-large",
"$shadow",
"$custom-colors",
"$custom-shades",
"$colors",
"$shades",
"$sizes"
],
"file_path": "utilities/derived-variables.sass"
"css-vars": []
}

450
docs/_data/variables/utilities/initial-variables.json
View File

@@ -1,319 +1,241 @@
{
"by_name": {
"$black": {
"name": "$black",
"value": "hsl(0, 0%, 4%)",
"type": "color"
"sass-vars": [
{
"name": "black",
"value": "hsl(221, 14%, 4%)"
},
"$black-bis": {
"name": "$black-bis",
"value": "hsl(0, 0%, 7%)",
"type": "color"
{
"name": "black-bis",
"value": "hsl(221, 14%, 9%)"
},
"$black-ter": {
"name": "$black-ter",
"value": "hsl(0, 0%, 14%)",
"type": "color"
{
"name": "black-ter",
"value": "hsl(221, 14%, 14%)"
},
"$grey-darker": {
"name": "$grey-darker",
"value": "hsl(0, 0%, 21%)",
"type": "color"
{
"name": "grey-darker",
"value": "hsl(221, 14%, 21%)"
},
"$grey-dark": {
"name": "$grey-dark",
"value": "hsl(0, 0%, 29%)",
"type": "color"
{
"name": "grey-dark",
"value": "hsl(221, 14%, 29%)"
},
"$grey": {
"name": "$grey",
"value": "hsl(0, 0%, 48%)",
"type": "color"
{
"name": "grey",
"value": "hsl(221, 14%, 48%)"
},
"$grey-light": {
"name": "$grey-light",
"value": "hsl(0, 0%, 71%)",
"type": "color"
{
"name": "grey-light",
"value": "hsl(221, 14%, 71%)"
},
"$grey-lighter": {
"name": "$grey-lighter",
"value": "hsl(0, 0%, 86%)",
"type": "color"
{
"name": "grey-lighter",
"value": "hsl(221, 14%, 86%)"
},
"$grey-lightest": {
"name": "$grey-lightest",
"value": "hsl(0, 0%, 93%)",
"type": "color"
{
"name": "grey-lightest",
"value": "hsl(221, 14%, 93%)"
},
"$white-ter": {
"name": "$white-ter",
"value": "hsl(0, 0%, 96%)",
"type": "color"
{
"name": "white-ter",
"value": "hsl(221, 14%, 96%)"
},
"$white-bis": {
"name": "$white-bis",
"value": "hsl(0, 0%, 98%)",
"type": "color"
{
"name": "white-bis",
"value": "hsl(221, 14%, 98%)"
},
"$white": {
"name": "$white",
"value": "hsl(0, 0%, 100%)",
"type": "color"
{
"name": "white",
"value": "hsl(221, 14%, 100%)"
},
"$orange": {
"name": "$orange",
"value": "hsl(14, 100%, 53%)",
"type": "color"
{
"name": "orange",
"value": "hsl(14, 100%, 53%)"
},
"$yellow": {
"name": "$yellow",
"value": "hsl(44, 100%, 77%)",
"type": "color"
{
"name": "yellow",
"value": "hsl(42, 100%, 53%)"
},
"$green": {
"name": "$green",
"value": "hsl(153, 53%, 53%)",
"type": "color"
{
"name": "green",
"value": "hsl(153, 53%, 53%)"
},
"$turquoise": {
"name": "$turquoise",
"value": "hsl(171, 100%, 41%)",
"type": "color"
{
"name": "turquoise",
"value": "hsl(171, 100%, 41%)"
},
"$cyan": {
"name": "$cyan",
"value": "hsl(207, 61%, 53%)",
"type": "color"
{
"name": "cyan",
"value": "hsl(198, 100%, 70%)"
},
"$blue": {
"name": "$blue",
"value": "hsl(229, 53%, 53%)",
"type": "color"
{
"name": "blue",
"value": "hsl(233, 100%, 63%)"
},
"$purple": {
"name": "$purple",
"value": "hsl(271, 100%, 71%)",
"type": "color"
{
"name": "purple",
"value": "hsl(271, 100%, 71%)"
},
"$red": {
"name": "$red",
"value": "hsl(348, 86%, 61%)",
"type": "color"
{
"name": "red",
"value": "hsl(348, 100%, 70%)"
},
"$family-sans-serif": {
"name": "$family-sans-serif",
"value": "BlinkMacSystemFont, -apple-system, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", sans-serif",
"type": "font-family"
{
"name": "family-sans-serif",
"value": "\"Inter\", \"SF Pro\", \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\",\n \"Helvetica Neue\", \"Helvetica\", \"Arial\", sans-serif"
},
"$family-monospace": {
"name": "$family-monospace",
"value": "monospace",
"type": "font-family"
{
"name": "family-monospace",
"value": "\"Inconsolata\", \"Hack\", \"SF Mono\", \"Roboto Mono\",\n \"Source Code Pro\", \"Ubuntu Mono\", monospace"
},
"$render-mode": {
"name": "$render-mode",
"value": "optimizeLegibility",
"type": "keyword"
{
"name": "render-mode",
"value": "optimizeLegibility"
},
"$size-1": {
"name": "$size-1",
"value": "3rem",
"type": "size"
{
"name": "size-1",
"value": "3rem"
},
"$size-2": {
"name": "$size-2",
"value": "2.5rem",
"type": "size"
{
"name": "size-2",
"value": "2.5rem"
},
"$size-3": {
"name": "$size-3",
"value": "2rem",
"type": "size"
{
"name": "size-3",
"value": "2rem"
},
"$size-4": {
"name": "$size-4",
"value": "1.5rem",
"type": "size"
{
"name": "size-4",
"value": "1.5rem"
},
"$size-5": {
"name": "$size-5",
"value": "1.25rem",
"type": "size"
{
"name": "size-5",
"value": "1.25rem"
},
"$size-6": {
"name": "$size-6",
"value": "1rem",
"type": "size"
{
"name": "size-6",
"value": "1rem"
},
"$size-7": {
"name": "$size-7",
"value": "0.75rem",
"type": "size"
{
"name": "size-7",
"value": "0.75rem"
},
"$weight-light": {
"name": "$weight-light",
"value": "300",
"type": "font-weight"
{
"name": "weight-light",
"value": "300"
},
"$weight-normal": {
"name": "$weight-normal",
"value": "400",
"type": "font-weight"
{
"name": "weight-normal",
"value": "400"
},
"$weight-medium": {
"name": "$weight-medium",
"value": "500",
"type": "font-weight"
{
"name": "weight-medium",
"value": "500"
},
"$weight-semibold": {
"name": "$weight-semibold",
"value": "600",
"type": "font-weight"
{
"name": "weight-semibold",
"value": "600"
},
"$weight-bold": {
"name": "$weight-bold",
"value": "700",
"type": "font-weight"
{
"name": "weight-bold",
"value": "700"
},
"$block-spacing": {
"name": "$block-spacing",
"value": "1.5rem",
"type": "size"
{
"name": "weight-extrabold",
"value": "800"
},
"$gap": {
"name": "$gap",
"value": "32px",
"type": "size"
{
"name": "block-spacing",
"value": "1.5rem"
},
"$tablet": {
"name": "$tablet",
"value": "769px",
"type": "size"
{
"name": "aspect-ratios",
"value": "(\n (1, 1),\n (5, 4),\n (4, 3),\n (3, 2),\n (5, 3),\n (16, 9),\n (2, 1),\n (3, 1),\n (4, 5),\n (3, 4),\n (2, 3),\n (3, 5),\n (9, 16),\n (1, 2),\n (1, 3)\n)"
},
"$desktop": {
"name": "$desktop",
"value": "960px + (2 * $gap)",
"type": "computed"
{
"name": "gap",
"value": "32px"
},
"$widescreen": {
"name": "$widescreen",
"value": "1152px + (2 * $gap)",
"type": "computed"
{
"name": "tablet",
"value": "769px"
},
"$widescreen-enabled": {
"name": "$widescreen-enabled",
"value": "true",
"type": "boolean"
{
"name": "desktop",
"value": "960px + 2 * $gap"
},
"$fullhd": {
"name": "$fullhd",
"value": "1344px + (2 * $gap)",
"type": "computed"
{
"name": "widescreen",
"value": "1152px + 2 * $gap"
},
"$fullhd-enabled": {
"name": "$fullhd-enabled",
"value": "true",
"type": "boolean"
{
"name": "widescreen-enabled",
"value": "true"
},
"$breakpoints": {
"name": "$breakpoints",
"value": "(\"mobile\": (\"until\": $tablet), \"tablet\": (\"from\": $tablet), \"tablet-only\": (\"from\": $tablet, \"until\": $desktop), \"touch\": (\"from\": $desktop), \"desktop\": (\"from\": $desktop), \"desktop-only\": (\"from\": $desktop, \"until\": $widescreen), \"until-widescreen\": (\"until\": $widescreen), \"widescreen\": (\"from\": $widescreen), \"widescreen-only\": (\"from\": $widescreen, \"until\": $fullhd), \"until-fullhd\": (\"until\": $fullhd), \"fullhd\": (\"from\": $fullhd))",
"type": "compound"
{
"name": "fullhd",
"value": "1344px + 2 * $gap"
},
"$easing": {
"name": "$easing",
"value": "ease-out",
"type": "keyword"
{
"name": "fullhd-enabled",
"value": "true"
},
"$radius-small": {
"name": "$radius-small",
"value": "2px",
"type": "size"
{
"name": "breakpoints",
"value": "(\n \"mobile\": (\n \"until\": $tablet,\n ),\n \"tablet\": (\n \"from\": $tablet,\n ),\n \"tablet-only\": (\n \"from\": $tablet,\n \"until\": $desktop,\n ),\n \"touch\": (\n \"from\": $desktop,\n ),\n \"desktop\": (\n \"from\": $desktop,\n ),\n \"desktop-only\": (\n \"from\": $desktop,\n \"until\": $widescreen,\n ),\n \"until-widescreen\": (\n \"until\": $widescreen,\n ),\n \"widescreen\": (\n \"from\": $widescreen,\n ),\n \"widescreen-only\": (\n \"from\": $widescreen,\n \"until\": $fullhd,\n ),\n \"until-fullhd\": (\n \"until\": $fullhd,\n ),\n \"fullhd\": (\n \"from\": $fullhd,\n ),\n)"
},
"$radius": {
"name": "$radius",
"value": "4px",
"type": "size"
{
"name": "easing",
"value": "ease-out"
},
"$radius-large": {
"name": "$radius-large",
"value": "6px",
"type": "size"
{
"name": "radius-small",
"value": "0.25rem"
},
"$radius-rounded": {
"name": "$radius-rounded",
"value": "9999px",
"type": "size"
{
"name": "radius",
"value": "0.375rem"
},
"$speed": {
"name": "$speed",
"value": "86ms",
"type": "duration"
{
"name": "radius-medium",
"value": "0.5em"
},
"$variable-columns": {
"name": "$variable-columns",
"value": "true",
"type": "boolean"
{
"name": "radius-large",
"value": "0.75rem"
},
"$rtl": {
"name": "$rtl",
"value": "false",
"type": "boolean"
{
"name": "radius-rounded",
"value": "9999px"
},
{
"name": "speed",
"value": "86ms"
},
{
"name": "variable-columns",
"value": "true"
},
{
"name": "rtl",
"value": "false"
},
{
"name": "class-prefix",
"value": "\"\""
},
{
"name": "cssvars-prefix",
"value": "\"bulma-\""
},
{
"name": "helpers-prefix",
"value": "\"is-\""
},
{
"name": "helpers-has-prefix",
"value": "\"has-\""
}
},
"list": [
"$black",
"$black-bis",
"$black-ter",
"$grey-darker",
"$grey-dark",
"$grey",
"$grey-light",
"$grey-lighter",
"$grey-lightest",
"$white-ter",
"$white-bis",
"$white",
"$orange",
"$yellow",
"$green",
"$turquoise",
"$cyan",
"$blue",
"$purple",
"$red",
"$family-sans-serif",
"$family-monospace",
"$render-mode",
"$size-1",
"$size-2",
"$size-3",
"$size-4",
"$size-5",
"$size-6",
"$size-7",
"$weight-light",
"$weight-normal",
"$weight-medium",
"$weight-semibold",
"$weight-bold",
"$block-spacing",
"$gap",
"$tablet",
"$desktop",
"$widescreen",
"$widescreen-enabled",
"$fullhd",
"$fullhd-enabled",
"$breakpoints",
"$easing",
"$radius-small",
"$radius",
"$radius-large",
"$radius-rounded",
"$speed",
"$variable-columns",
"$rtl"
],
"file_path": "utilities/initial-variables.sass"
"css-vars": []
}