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

Init v1

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

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