mirror of
https://github.com/jgthms/bulma.git
synced 2024-11-14 11:14:24 +00:00
Init v1
This commit is contained in:
Jeremy Thomas
parent
16f1b76881
commit
69877a652c
@ -1,3 +0,0 @@
|
||||
@charset "utf-8"
|
||||
$rtl: true
|
||||
@import "bulma"
|
||||
10
bulma.sass
vendored
10
bulma.sass
vendored
@ -1,10 +0,0 @@
|
||||
@charset "utf-8"
|
||||
/*! bulma.io v0.9.4 | MIT License | github.com/jgthms/bulma */
|
||||
@import "sass/utilities/_all"
|
||||
@import "sass/base/_all"
|
||||
@import "sass/elements/_all"
|
||||
@import "sass/form/_all"
|
||||
@import "sass/components/_all"
|
||||
@import "sass/grid/_all"
|
||||
@import "sass/helpers/_all"
|
||||
@import "sass/layout/_all"
|
||||
4
bulma.scss
vendored
Normal file
4
bulma.scss
vendored
Normal file
@ -0,0 +1,4 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/*! bulma.io v1.0.0-beta | MIT License | github.com/jgthms/bulma */
|
||||
@use "sass";
|
||||
11825
css/bulma-rtl.css
11825
css/bulma-rtl.css
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
1
css/bulma-rtl.min.css
vendored
1
css/bulma-rtl.min.css
vendored
File diff suppressed because one or more lines are too long
23828
css/bulma.css
vendored
23828
css/bulma.css
vendored
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
4
css/bulma.min.css
vendored
4
css/bulma.min.css
vendored
File diff suppressed because one or more lines are too long
3
css/versions/bulma-no-dark-mode.min.css
vendored
Normal file
3
css/versions/bulma-no-dark-mode.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
css/versions/bulma-no-dark-mode.min.css.map
Normal file
1
css/versions/bulma-no-dark-mode.min.css.map
Normal file
File diff suppressed because one or more lines are too long
3
css/versions/bulma-no-helpers-prefixed.min.css
vendored
Normal file
3
css/versions/bulma-no-helpers-prefixed.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
css/versions/bulma-no-helpers-prefixed.min.css.map
Normal file
1
css/versions/bulma-no-helpers-prefixed.min.css.map
Normal file
File diff suppressed because one or more lines are too long
3
css/versions/bulma-no-helpers.min.css
vendored
Normal file
3
css/versions/bulma-no-helpers.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
css/versions/bulma-no-helpers.min.css.map
Normal file
1
css/versions/bulma-no-helpers.min.css.map
Normal file
File diff suppressed because one or more lines are too long
3
css/versions/bulma-prefixed.min.css
vendored
Normal file
3
css/versions/bulma-prefixed.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
css/versions/bulma-prefixed.min.css.map
Normal file
1
css/versions/bulma-prefixed.min.css.map
Normal file
File diff suppressed because one or more lines are too long
4
docs/.prettierignore
Normal file
4
docs/.prettierignore
Normal file
@ -0,0 +1,4 @@
|
||||
**/getting-started.html
|
||||
**/overview.html
|
||||
**/test.html
|
||||
modular.html
|
||||
13
docs/.prettierrc
Normal file
13
docs/.prettierrc
Normal file
@ -0,0 +1,13 @@
|
||||
{
|
||||
"overrides": [
|
||||
{
|
||||
"files": "html",
|
||||
"options": { "parser": "liquid" }
|
||||
},
|
||||
{
|
||||
"files": "scss",
|
||||
"options": { "printWidth": 200 }
|
||||
}
|
||||
],
|
||||
"plugins": ["@shopify/prettier-plugin-liquid"]
|
||||
}
|
||||
@ -1,11 +1,21 @@
|
||||
# Meta
|
||||
|
||||
env: "production"
|
||||
docs_file: "bulma-docs.min"
|
||||
docs_file: "website.min"
|
||||
|
||||
# Build
|
||||
|
||||
markdown: kramdown
|
||||
permalink: pretty
|
||||
url: https://bulma.io
|
||||
exclude: ['icons', 'node_modules', 'templates', '.babelrc', 'bulma-docs.sass', 'docker-compose.yml', 'package.json', 'yarn.lock']
|
||||
exclude:
|
||||
[
|
||||
".babelrc",
|
||||
"docker-compose.yml",
|
||||
"icons",
|
||||
"node_modules",
|
||||
"package.json",
|
||||
"templates",
|
||||
"website.scss",
|
||||
"yarn.lock",
|
||||
]
|
||||
|
||||
@ -1,218 +0,0 @@
|
||||
{
|
||||
"10": [],
|
||||
"30": [],
|
||||
"100": [
|
||||
{
|
||||
"name": "Richard Olsson",
|
||||
"twitter": "",
|
||||
"discord": "",
|
||||
"start_timestamp": 1675775477617
|
||||
},
|
||||
{
|
||||
"name": "David Matthews",
|
||||
"twitter": "",
|
||||
"discord": "",
|
||||
"start_timestamp": 1674556992338
|
||||
},
|
||||
{
|
||||
"name": "Viktoria Poddubetska",
|
||||
"twitter": "",
|
||||
"discord": "",
|
||||
"start_timestamp": 1672055776226
|
||||
},
|
||||
{
|
||||
"name": "Casino Zonder",
|
||||
"twitter": "",
|
||||
"discord": "",
|
||||
"start_timestamp": 1671099826607
|
||||
},
|
||||
{
|
||||
"name": "Casinos zonder Cruks",
|
||||
"twitter": "",
|
||||
"discord": "",
|
||||
"start_timestamp": 1671099122771
|
||||
},
|
||||
{
|
||||
"name": "Tom Eriksson",
|
||||
"twitter": "",
|
||||
"discord": "",
|
||||
"start_timestamp": 1670507550516
|
||||
},
|
||||
{
|
||||
"name": "Fora Fora24",
|
||||
"twitter": "",
|
||||
"discord": "",
|
||||
"start_timestamp": 1670327124145
|
||||
},
|
||||
{
|
||||
"name": "Qiang Lin",
|
||||
"twitter": "",
|
||||
"discord": "",
|
||||
"start_timestamp": 1669872263394
|
||||
},
|
||||
{
|
||||
"name": "Viktoria Johansson",
|
||||
"twitter": "",
|
||||
"discord": "",
|
||||
"start_timestamp": 1667817711538
|
||||
},
|
||||
{
|
||||
"name": "Codeless.co",
|
||||
"twitter": "",
|
||||
"discord": "",
|
||||
"start_timestamp": 1667391083850
|
||||
},
|
||||
{
|
||||
"name": "Тимур Юхименко",
|
||||
"twitter": "",
|
||||
"discord": "",
|
||||
"start_timestamp": 1664442250904
|
||||
},
|
||||
{
|
||||
"name": "Genesis",
|
||||
"twitter": "",
|
||||
"discord": "",
|
||||
"start_timestamp": 1662013215446
|
||||
},
|
||||
{
|
||||
"name": "Iaroslav",
|
||||
"twitter": "",
|
||||
"discord": "",
|
||||
"start_timestamp": 1660635640997
|
||||
},
|
||||
{
|
||||
"name": "Aktug Dogan",
|
||||
"twitter": "",
|
||||
"discord": "",
|
||||
"start_timestamp": 1658306729407
|
||||
},
|
||||
{
|
||||
"name": "CellTrackingApps",
|
||||
"twitter": "",
|
||||
"discord": "",
|
||||
"start_timestamp": 1657792735851
|
||||
},
|
||||
{
|
||||
"name": "Limeup",
|
||||
"twitter": "",
|
||||
"discord": "",
|
||||
"start_timestamp": 1654695526778
|
||||
},
|
||||
{
|
||||
"name": "Isabella",
|
||||
"twitter": "",
|
||||
"discord": "",
|
||||
"start_timestamp": 1651840309587
|
||||
},
|
||||
{
|
||||
"name": "Jim ",
|
||||
"twitter": "",
|
||||
"discord": "",
|
||||
"start_timestamp": 1651146518997
|
||||
},
|
||||
{
|
||||
"name": "Casinozondercruks.net",
|
||||
"twitter": "",
|
||||
"discord": "",
|
||||
"start_timestamp": 1650910703737
|
||||
},
|
||||
{
|
||||
"name": "D-Digital",
|
||||
"twitter": "",
|
||||
"discord": "",
|
||||
"start_timestamp": 1649178723170
|
||||
},
|
||||
{
|
||||
"name": "Iaroslav Baklan",
|
||||
"twitter": "",
|
||||
"discord": "",
|
||||
"start_timestamp": 1644316856061
|
||||
},
|
||||
{
|
||||
"name": "Amelia Cook",
|
||||
"twitter": "",
|
||||
"discord": "",
|
||||
"start_timestamp": 1642157116722
|
||||
},
|
||||
{
|
||||
"name": "PapersOwl ",
|
||||
"twitter": "",
|
||||
"discord": "",
|
||||
"start_timestamp": 1638881686598
|
||||
},
|
||||
{
|
||||
"name": "CasinosHunter",
|
||||
"twitter": "",
|
||||
"discord": "",
|
||||
"start_timestamp": 1638618432341
|
||||
},
|
||||
{
|
||||
"name": "seo pmi",
|
||||
"twitter": "",
|
||||
"discord": "",
|
||||
"start_timestamp": 1636622354871
|
||||
},
|
||||
{
|
||||
"name": "Viktor & Steve Scott (NonGamStopWager.com)",
|
||||
"twitter": "",
|
||||
"discord": "",
|
||||
"start_timestamp": 1636069062475
|
||||
},
|
||||
{
|
||||
"name": "Joe Kizlauskas",
|
||||
"twitter": "",
|
||||
"discord": "",
|
||||
"start_timestamp": 1634474912654
|
||||
},
|
||||
{
|
||||
"name": "Tuomas",
|
||||
"twitter": "",
|
||||
"discord": "",
|
||||
"start_timestamp": 1626770186595
|
||||
},
|
||||
{
|
||||
"name": "DEMETRIOU ANNA",
|
||||
"twitter": "",
|
||||
"discord": "",
|
||||
"start_timestamp": 1626433960625
|
||||
},
|
||||
{
|
||||
"name": "Harvey Walters",
|
||||
"twitter": "",
|
||||
"discord": "",
|
||||
"start_timestamp": 1625562084646
|
||||
},
|
||||
{
|
||||
"name": "Starwarscasinos.com",
|
||||
"twitter": "",
|
||||
"discord": "",
|
||||
"start_timestamp": 1621615693000
|
||||
},
|
||||
{
|
||||
"name": "Gianni Museeuw",
|
||||
"twitter": "",
|
||||
"discord": "",
|
||||
"start_timestamp": 1620986834560
|
||||
},
|
||||
{
|
||||
"name": "PolskieKasynoHEX.org",
|
||||
"twitter": "",
|
||||
"discord": "",
|
||||
"start_timestamp": 1620836822427
|
||||
},
|
||||
{
|
||||
"name": "BacklinksRocket ",
|
||||
"twitter": "",
|
||||
"discord": "",
|
||||
"start_timestamp": 1573141645092
|
||||
},
|
||||
{
|
||||
"name": "Adela Belin",
|
||||
"twitter": "",
|
||||
"discord": "",
|
||||
"start_timestamp": 1564993835335
|
||||
}
|
||||
],
|
||||
"300": [],
|
||||
"500": []
|
||||
}
|
||||
@ -1,179 +0,0 @@
|
||||
{
|
||||
"removed": [
|
||||
{
|
||||
"file": "sass/components/message.sass",
|
||||
"before": "$message-body-border",
|
||||
"after": ["$message-body-border-color", "$message-body-border-width"]
|
||||
}
|
||||
],
|
||||
"updated": [
|
||||
{
|
||||
"file": "sass/utilities/initial-variables.sass",
|
||||
"changes": [
|
||||
{
|
||||
"variable": "$gap",
|
||||
"from": "32px",
|
||||
"to": "64px"
|
||||
},
|
||||
{
|
||||
"variable": "$radius",
|
||||
"from": "3px",
|
||||
"to": "4px"
|
||||
},
|
||||
{
|
||||
"variable": "$radius-large",
|
||||
"from": "5px",
|
||||
"to": "6px"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"file": "sass/base/generic.sass",
|
||||
"changes": [
|
||||
{
|
||||
"variable": "$hr-background-color",
|
||||
"from": "$border",
|
||||
"to": "$background"
|
||||
},
|
||||
{
|
||||
"variable": "$hr-height",
|
||||
"from": "1px",
|
||||
"to": "2px"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"file": "sass/elements/content.sass",
|
||||
"changes": [
|
||||
{
|
||||
"variable": "$content-heading-weight",
|
||||
"from": "$weight-normal",
|
||||
"to": "$weight-semibold"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"file": "sass/components/message.sass",
|
||||
"changes": [
|
||||
{
|
||||
"variable": "$message-header-padding",
|
||||
"from": "0.5em 0.75em",
|
||||
"to": "0.75em 1em"
|
||||
},
|
||||
{
|
||||
"variable": "$message-body-padding",
|
||||
"from": "1em 1.25em",
|
||||
"to": "1.25em 1.5em"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"file": "sass/components/navbar.sass",
|
||||
"changes": [
|
||||
{
|
||||
"variable": "$navbar-item-hover-background-color",
|
||||
"from": "$background",
|
||||
"to": "$white-bis"
|
||||
},
|
||||
{
|
||||
"variable": "$navbar-dropdown-border-top",
|
||||
"from": "1px solid $border",
|
||||
"to": "2px solid $border"
|
||||
},
|
||||
{
|
||||
"variable": "$navbar-divider-background-color",
|
||||
"from": "$border",
|
||||
"to": "$background"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"file": "sass/layout/footer.sass",
|
||||
"changes": [
|
||||
{
|
||||
"variable": "$footer-background-color",
|
||||
"from": "$background",
|
||||
"to": "$white-bis"
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
"new": [
|
||||
{
|
||||
"file":"sass/components/breadcrumb.sass",
|
||||
"newcomers":[
|
||||
{
|
||||
"name": "$breadcrumb-item-padding-vertical",
|
||||
"value": "0"
|
||||
},
|
||||
{
|
||||
"name": "$breadcrumb-item-padding-horizontal",
|
||||
"value": "0.75em"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"file":"sass/components/message.sass",
|
||||
"newcomers":[
|
||||
{
|
||||
"name": "$message-body-border-color",
|
||||
"value": "$border"
|
||||
},
|
||||
{
|
||||
"name": "$message-body-border-width",
|
||||
"value": "0 0 0 4px"
|
||||
},
|
||||
{
|
||||
"name": "$message-header-weight",
|
||||
"value": "$weight-bold"
|
||||
},
|
||||
{
|
||||
"name": "$message-header-body-border-width",
|
||||
"value": "0"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"file":"sass/components/navbar.sass",
|
||||
"newcomers":[
|
||||
{
|
||||
"name": "$navbar-box-shadow-size",
|
||||
"value": "0 2px 0 0"
|
||||
},
|
||||
{
|
||||
"name": "$navbar-box-shadow-color",
|
||||
"value": "$background"
|
||||
},
|
||||
{
|
||||
"name": "$navbar-padding-vertical",
|
||||
"value": "1rem"
|
||||
},
|
||||
{
|
||||
"name": "$navbar-padding-horizontal",
|
||||
"value": "2rem"
|
||||
},
|
||||
{
|
||||
"name": "$navbar-z",
|
||||
"value": "30"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"file":"sass/elements/title.sass",
|
||||
"newcomers":[
|
||||
{
|
||||
"name": "$title-line-height",
|
||||
"value": "1.125"
|
||||
},
|
||||
{
|
||||
"name": "$subtitle-line-height",
|
||||
"value": "1.25"
|
||||
},
|
||||
{
|
||||
"name": "$subtitle-negative-margin",
|
||||
"value": "-1.25rem"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
32
docs/_data/bubbles.json
Normal file
32
docs/_data/bubbles.json
Normal file
@ -0,0 +1,32 @@
|
||||
{
|
||||
"axbom": {
|
||||
"name": "Per Axbom",
|
||||
"hue": 339,
|
||||
"content": "The most beautifully written framework I've ever had the pleasure of working with."
|
||||
},
|
||||
"ale_codes": {
|
||||
"name": "Alejandro Barrera A.",
|
||||
"hue": 79,
|
||||
"content": "Bulma CSS by @jgthms is just perfect."
|
||||
},
|
||||
"MyTopSecretName": {
|
||||
"name": "Jamie",
|
||||
"hue": 219,
|
||||
"content": "After 5 minutes I have #bulmaio working. It's a miracle!!!! @jgthms"
|
||||
},
|
||||
"jesseschoff": {
|
||||
"name": "Jesse Schoff",
|
||||
"hue": 299,
|
||||
"content": "Bulma, I think I'm in love."
|
||||
},
|
||||
"infinitysearch": {
|
||||
"name": "Infinity Search",
|
||||
"hue": 129,
|
||||
"content": "We're very happy that @jgthms created the Bulma CSS framework."
|
||||
},
|
||||
"bruhandle": {
|
||||
"name": "Bruh",
|
||||
"hue": 9,
|
||||
"content": "With Bulma, I was able to make each one of my pages on my website’s templates in one single day with no prior knowledge on how to use it."
|
||||
}
|
||||
}
|
||||
@ -1,152 +1,18 @@
|
||||
{
|
||||
"initial": [
|
||||
{
|
||||
"id":"black",
|
||||
"name":"Black",
|
||||
"value": "hsl(0, 0%, 4%)"
|
||||
},
|
||||
{
|
||||
"id":"black-bis",
|
||||
"name":"Black bis",
|
||||
"value": "hsl(0, 0%, 7%)"
|
||||
},
|
||||
{
|
||||
"id":"black-ter",
|
||||
"name":"Black ter",
|
||||
"value": "hsl(0, 0%, 14%)"
|
||||
},
|
||||
{
|
||||
"id":"grey-darker",
|
||||
"name":"Grey darker",
|
||||
"value": "hsl(0, 0%, 21%)"
|
||||
},
|
||||
{
|
||||
"id":"grey-dark",
|
||||
"name":"Grey dark",
|
||||
"value": "hsl(0, 0%, 29%)"
|
||||
},
|
||||
{
|
||||
"id":"grey",
|
||||
"name":"Grey",
|
||||
"value": "hsl(0, 0%, 48%)"
|
||||
},
|
||||
{
|
||||
"id":"grey-light",
|
||||
"name":"Grey light",
|
||||
"value": "hsl(0, 0%, 71%)"
|
||||
},
|
||||
{
|
||||
"id":"grey-lighter",
|
||||
"name":"Grey lighter",
|
||||
"value": "hsl(0, 0%, 86%)"
|
||||
},
|
||||
{
|
||||
"id":"white-ter",
|
||||
"name":"White ter",
|
||||
"value": "hsl(0, 0%, 96%)"
|
||||
},
|
||||
{
|
||||
"id":"white-bis",
|
||||
"name":"White bis",
|
||||
"value": "hsl(0, 0%, 98%)"
|
||||
},
|
||||
{
|
||||
"id":"white",
|
||||
"name":"White",
|
||||
"value": "hsl(0, 0%, 100%)"
|
||||
},
|
||||
{
|
||||
"id":"orange",
|
||||
"name":"Orange",
|
||||
"value": "hsl(14, 100%, 53%)"
|
||||
},
|
||||
{
|
||||
"id":"yellow",
|
||||
"name":"Yellow",
|
||||
"value": "hsl(48, 100%, 67%)"
|
||||
},
|
||||
{
|
||||
"id":"green",
|
||||
"name":"Green",
|
||||
"value": "hsl(141, 53%, 53%)"
|
||||
},
|
||||
{
|
||||
"id":"turquoise",
|
||||
"name":"Turquoise",
|
||||
"value": "hsl(171, 100%, 41%)"
|
||||
},
|
||||
{
|
||||
"id":"cyan",
|
||||
"name":"Cyan",
|
||||
"value": "hsl(204, 86%, 53%)"
|
||||
},
|
||||
{
|
||||
"id":"blue",
|
||||
"name":"Blue",
|
||||
"value": "hsl(217, 71%, 53%)"
|
||||
},
|
||||
{
|
||||
"id":"purple",
|
||||
"name":"Purple",
|
||||
"value": "hsl(271, 100%, 71%)"
|
||||
},
|
||||
{
|
||||
"id":"red",
|
||||
"name":"red",
|
||||
"value": "hsl(348, 100%, 61%)"
|
||||
}
|
||||
"lists": ["scheme", "text", "ornament", "code", "link", "status"],
|
||||
"scheme": [
|
||||
"scheme-main",
|
||||
"scheme-main-bis",
|
||||
"scheme-main-ter",
|
||||
"scheme-invert",
|
||||
"scheme-invert-bis",
|
||||
"scheme-invert-ter"
|
||||
],
|
||||
"derived": [
|
||||
{
|
||||
"id": "white",
|
||||
"valueId": "white",
|
||||
"invertId": "black"
|
||||
},
|
||||
{
|
||||
"id": "black",
|
||||
"valueId": "black",
|
||||
"invertId": "white"
|
||||
},
|
||||
{
|
||||
"id": "light",
|
||||
"valueId": "white-ter",
|
||||
"invertId": "grey-darker"
|
||||
},
|
||||
{
|
||||
"id": "dark",
|
||||
"valueId": "grey-darker",
|
||||
"invertId": "white-ter"
|
||||
},
|
||||
{
|
||||
"id": "primary",
|
||||
"valueId": "turquoise",
|
||||
"invertValue": "#fff"
|
||||
},
|
||||
{
|
||||
"id": "link",
|
||||
"valueId": "blue",
|
||||
"invertValue": "#fff"
|
||||
},
|
||||
{
|
||||
"id": "info",
|
||||
"valueId": "cyan",
|
||||
"invertValue": "#fff"
|
||||
},
|
||||
{
|
||||
"id": "success",
|
||||
"valueId": "green",
|
||||
"invertValue": "#fff"
|
||||
},
|
||||
{
|
||||
"id": "warning",
|
||||
"valueId": "yellow",
|
||||
"invertValue": "rgba(0, 0, 0, 0.7)"
|
||||
},
|
||||
{
|
||||
"id": "danger",
|
||||
"valueId": "red",
|
||||
"invertValue": "#fff"
|
||||
}
|
||||
],
|
||||
"justColors": ["primary", "link", "info", "success", "warning", "danger"]
|
||||
"text": ["text", "text-invert", "text-light", "text-strong"],
|
||||
"ornament": ["background", "border", "border-light"],
|
||||
"code": ["code", "code-background", "pre", "pre-background"],
|
||||
"link": ["link-visited"],
|
||||
"status": ["text", "link", "primary", "info", "success", "warning", "danger"],
|
||||
"sizes": ["small", "normal", "medium", "large"],
|
||||
"justColors": ["link", "primary", "info", "success", "warning", "danger"]
|
||||
}
|
||||
|
||||
67
docs/_data/css-vars.json
Normal file
67
docs/_data/css-vars.json
Normal file
@ -0,0 +1,67 @@
|
||||
[
|
||||
"scheme-main",
|
||||
"scheme-main-bis",
|
||||
"scheme-main-ter",
|
||||
"scheme-invert",
|
||||
"scheme-invert-bis",
|
||||
"scheme-invert-ter",
|
||||
"text",
|
||||
"text-invert",
|
||||
"text-light",
|
||||
"text-strong",
|
||||
"background",
|
||||
"border",
|
||||
"border-light",
|
||||
"code",
|
||||
"code-background",
|
||||
"pre",
|
||||
"pre-background",
|
||||
"family-sans-serif",
|
||||
"family-monospace",
|
||||
"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",
|
||||
"easing",
|
||||
"radius-small",
|
||||
"radius",
|
||||
"radius-large",
|
||||
"radius-rounded",
|
||||
"speed",
|
||||
"family-primary",
|
||||
"family-secondary",
|
||||
"family-code",
|
||||
"size-small",
|
||||
"size-normal",
|
||||
"size-medium",
|
||||
"size-large",
|
||||
"shadow",
|
||||
"scheme-main",
|
||||
"scheme-main-bis",
|
||||
"scheme-main-ter",
|
||||
"scheme-invert",
|
||||
"scheme-invert-bis",
|
||||
"scheme-invert-ter",
|
||||
"text",
|
||||
"text-invert",
|
||||
"text-light",
|
||||
"text-strong",
|
||||
"background",
|
||||
"border",
|
||||
"border-light",
|
||||
"code",
|
||||
"code-background",
|
||||
"pre",
|
||||
"pre-background",
|
||||
"link-visited"
|
||||
]
|
||||
@ -1,43 +0,0 @@
|
||||
{
|
||||
"1": [
|
||||
"jermainee",
|
||||
"Dashron",
|
||||
"nisargjoshi95",
|
||||
"mildavw",
|
||||
"cptpiepmatz",
|
||||
"tiantiandas",
|
||||
"phish-report",
|
||||
"akhi-ninja",
|
||||
"paulmwatson",
|
||||
"xergic",
|
||||
"adamghill",
|
||||
"coyled",
|
||||
"biximilien",
|
||||
"dangowans",
|
||||
"Heartz66",
|
||||
"ptkdev",
|
||||
"neetso",
|
||||
"bastien09",
|
||||
"KirillOsenkov",
|
||||
"scott-joe"
|
||||
],
|
||||
"10": [
|
||||
"mware",
|
||||
"Windsooon",
|
||||
"chazelton331",
|
||||
"jessemarple",
|
||||
"linkdd",
|
||||
"bekwam",
|
||||
"Gomah"
|
||||
],
|
||||
"30": ["echelon"],
|
||||
"100": [
|
||||
"surebettor",
|
||||
"qbtoolhub",
|
||||
"toolshomdconsulting",
|
||||
"aaditysony",
|
||||
"wingerdkm1"
|
||||
],
|
||||
"300": ["stacho"],
|
||||
"500": []
|
||||
}
|
||||
@ -1,90 +0,0 @@
|
||||
{
|
||||
"navbar_items": [
|
||||
{
|
||||
"id": "videos",
|
||||
"color": "has-text-success",
|
||||
"fa_type": "fas",
|
||||
"fa_icon": "fa-play-circle",
|
||||
"title": "Videos"
|
||||
},
|
||||
{
|
||||
"id": "expo",
|
||||
"color": "has-text-star",
|
||||
"fa_type": "fas",
|
||||
"fa_icon": "fa-star",
|
||||
"title": "Expo"
|
||||
},
|
||||
{
|
||||
"id": "love",
|
||||
"color": "has-text-danger",
|
||||
"fa_type": "fas",
|
||||
"fa_icon": "fa-heart",
|
||||
"title": "Love"
|
||||
},
|
||||
{
|
||||
"id": "blog",
|
||||
"color": "bd-has-text-rss",
|
||||
"fa_type": "fas",
|
||||
"fa_icon": "fa-rss",
|
||||
"title": "Blog"
|
||||
}
|
||||
],
|
||||
"other_items": [
|
||||
{
|
||||
"id": "templates",
|
||||
"color": "has-text-info",
|
||||
"fa_type": "fas",
|
||||
"fa_icon": "fa-code",
|
||||
"title": "Templates"
|
||||
},
|
||||
{
|
||||
"id": "recipes",
|
||||
"color": "has-text-purple",
|
||||
"fa_type": "fas",
|
||||
"fa_icon": "fa-utensils",
|
||||
"title": "Recipes"
|
||||
},
|
||||
],
|
||||
"more_items": [
|
||||
{
|
||||
"id": "bulma-start",
|
||||
"color": "success",
|
||||
"fa_type": "fas",
|
||||
"fa_icon": "fa-rocket",
|
||||
"title": "Bulma start",
|
||||
"description": "A tiny npm package to get started"
|
||||
},
|
||||
{
|
||||
"id": "made-with-bulma",
|
||||
"color": "primary",
|
||||
"fa_type": "fas",
|
||||
"fa_icon": "fa-certificate",
|
||||
"title": "Made with Bulma",
|
||||
"description": "The official community badge"
|
||||
},
|
||||
{
|
||||
"id": "alternative-to-bootstrap",
|
||||
"color": "bootstrap",
|
||||
"fa_type": "fas",
|
||||
"fa_icon": "fa-exchange-alt",
|
||||
"title": "Coming from Bootstrap",
|
||||
"description": "See how Bulma is an alternative to Bootstrap"
|
||||
},
|
||||
{
|
||||
"id": "backers",
|
||||
"color": "patreon",
|
||||
"fa_type": "fab",
|
||||
"fa_icon": "fa-patreon",
|
||||
"title": "Patreon and GitHub backers",
|
||||
"description": "Everyone who is supporting Bulma"
|
||||
},
|
||||
{
|
||||
"id": "extensions",
|
||||
"color": "danger",
|
||||
"fa_type": "fas",
|
||||
"fa_icon": "fa-plug",
|
||||
"title": "Extensions",
|
||||
"description": "Side projects to enhance Bulma",
|
||||
}
|
||||
]
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@ -116,7 +116,7 @@
|
||||
"content": "<a href=\"https://t.co/vY1ZsRScYM\">bulma.io</a> -- a CSS framework by <a href=\"https://twitter.com/jgthms\">@jgthms</a> -- is lovely! No JS included, which means no JS opinions included!",
|
||||
"fullname": "Robert Stuttaford @rost@mas.to",
|
||||
"username": "RobStuttaford",
|
||||
"avatar": "https://pbs.twimg.com/profile_images/1588222954973925376/F8fgR_OL_normal.jpg",
|
||||
"avatar": "/assets/images/twitter/RobStuttaford.jpg",
|
||||
"hearts": 109,
|
||||
"retweets": 27
|
||||
},
|
||||
@ -1126,7 +1126,7 @@
|
||||
"content": "So, I was making an exam and in a matter of 30 minutes I had my structure complete with responsive, Bulma is crazy. Thanks <a href=\"https://twitter.com/jgthms\">@jgthms</a>",
|
||||
"fullname": "Francisco Cruz",
|
||||
"username": "atFranCruz",
|
||||
"avatar": "/images/twitter/atFranCruz.jpg",
|
||||
"avatar": "/assets/images/twitter/atFranCruz.jpg",
|
||||
"hearts": 8,
|
||||
"retweets": 0
|
||||
},
|
||||
@ -1826,7 +1826,7 @@
|
||||
"content": "Bulma CSS by <a href=\"https://twitter.com/jgthms\">@jgthms</a> is just perfect. Simple, easily customizable and doesn't impose Javascript implementations.<br><br>After experimenting with <a href=\"https://twitter.com/tailwindcss\">@tailwindcss</a> and finding that utility first css is just not my thing, Bulma felt like a breath of fresh air.<br><br><a href=\"https://twitter.com/search?q=%23webdevelopment\">#webdevelopment</a> <a href=\"https://twitter.com/search?q=%23CSS\">#CSS</a>",
|
||||
"fullname": "Alejandro Barrera A.",
|
||||
"username": "ale_codes",
|
||||
"avatar": "/images/twitter/ale_codes.jpg",
|
||||
"avatar": "/assets/images/twitter/ale_codes.jpg",
|
||||
"hearts": 34,
|
||||
"retweets": 6
|
||||
},
|
||||
@ -2066,7 +2066,7 @@
|
||||
"content": "The Bulma (<a href=\"https://twitter.com/jgthms\">@jgthms</a>) and <a href=\"https://twitter.com/Ghost\">@Ghost</a> for building a blog is so remarkable. Bulma takes care of the design and Ghost of writing. And both can be/are minimalistic - exactly what you need for simple blogging without design restrictions. <a href=\"https://twitter.com/search?q=%23Bulma\">#Bulma</a> <a href=\"https://twitter.com/search?q=%23blog\">#blog</a> <br><br><a href=\"https://t.co/67dwH4KPfK\">martinverbic.com</a>",
|
||||
"fullname": "Martin Verbic",
|
||||
"username": "martin_verbic",
|
||||
"avatar": "/images/twitter/martin_verbic.jpg",
|
||||
"avatar": "/assets/images/twitter/martin_verbic.jpg",
|
||||
"hearts": 12,
|
||||
"retweets": 3
|
||||
},
|
||||
@ -2076,7 +2076,7 @@
|
||||
"content": "Check out Bulma at <a href=\"https://t.co/iNBsGlZC1y\">bulma.io</a>....I was able to make a complete makeover of my blog in less than a day a few weeks ago.",
|
||||
"fullname": "Martin Verbic",
|
||||
"username": "martin_verbic",
|
||||
"avatar": "/images/twitter/martin_verbic.jpg",
|
||||
"avatar": "/assets/images/twitter/martin_verbic.jpg",
|
||||
"hearts": 3,
|
||||
"retweets": 0
|
||||
},
|
||||
@ -2156,7 +2156,7 @@
|
||||
"content": "Together with <a href=\"https://twitter.com/BreznikMark\">@BreznikMark</a> I will host a three-part workshop on building blogs on <a href=\"https://twitter.com/Ghost\">@Ghost</a> using Bulma (<a href=\"https://twitter.com/jgthms\">@jgthms</a> ) - which I think is by far the best way to do so. It will be based on the fact that we learn best by making.<br><br>Starting Thursday.",
|
||||
"fullname": "Martin Verbic",
|
||||
"username": "martin_verbic",
|
||||
"avatar": "/images/twitter/martin_verbic.jpg",
|
||||
"avatar": "/assets/images/twitter/martin_verbic.jpg",
|
||||
"hearts": 2,
|
||||
"retweets": 0
|
||||
},
|
||||
@ -2186,7 +2186,7 @@
|
||||
"content": "Along testing the new <a href=\"https://twitter.com/Ghost\">@Ghost</a> membership features and turning my blog into subscriber-exclusive one, I experimented with my homepage design. New post cards, new footer and a new header. I like where this is going. <a href=\"https://twitter.com/jgthms\">@jgthms</a> <br><br><a href=\"https://t.co/aipWQuXlCZ\">martinverbic.com</a> <a href=\"https://t.co/vWU5FRucXH\">pic.twitter.com/vWU5FRucXH</a>",
|
||||
"fullname": "Martin Verbic",
|
||||
"username": "martin_verbic",
|
||||
"avatar": "/images/twitter/martin_verbic.jpg",
|
||||
"avatar": "/assets/images/twitter/martin_verbic.jpg",
|
||||
"hearts": 3,
|
||||
"retweets": 1
|
||||
},
|
||||
|
||||
29
docs/_data/palette.json
Normal file
29
docs/_data/palette.json
Normal file
@ -0,0 +1,29 @@
|
||||
[
|
||||
"",
|
||||
"-00",
|
||||
"-05",
|
||||
"-10",
|
||||
"-15",
|
||||
"-20",
|
||||
"-25",
|
||||
"-30",
|
||||
"-35",
|
||||
"-40",
|
||||
"-45",
|
||||
"-50",
|
||||
"-55",
|
||||
"-60",
|
||||
"-65",
|
||||
"-70",
|
||||
"-75",
|
||||
"-80",
|
||||
"-85",
|
||||
"-90",
|
||||
"-95",
|
||||
"-100",
|
||||
"-light",
|
||||
"-dark",
|
||||
"-soft",
|
||||
"-bold",
|
||||
"-on-scheme"
|
||||
]
|
||||
File diff suppressed because it is too large
Load Diff
4
docs/_data/variables/base/animations.json
Normal file
4
docs/_data/variables/base/animations.json
Normal file
@ -0,0 +1,4 @@
|
||||
{
|
||||
"sass-vars": [],
|
||||
"css-vars": []
|
||||
}
|
||||
@ -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
4
docs/_data/variables/base/minireset.json
Normal file
@ -0,0 +1,4 @@
|
||||
{
|
||||
"sass-vars": [],
|
||||
"css-vars": []
|
||||
}
|
||||
51
docs/_data/variables/base/skeleton.json
Normal file
51
docs/_data/variables/base/skeleton.json
Normal 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"
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -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)"
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -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)"
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -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)"
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -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"
|
||||
}
|
||||
@ -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"
|
||||
}
|
||||
@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -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},"
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -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},"
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -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)"
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -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
4
docs/_data/variables/elements/block.json
Normal file
@ -0,0 +1,4 @@
|
||||
{
|
||||
"sass-vars": [],
|
||||
"css-vars": []
|
||||
}
|
||||
@ -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)"
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -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)"
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -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"
|
||||
}
|
||||
@ -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
4
docs/_data/variables/elements/delete.json
Normal file
@ -0,0 +1,4 @@
|
||||
{
|
||||
"sass-vars": [],
|
||||
"css-vars": []
|
||||
}
|
||||
@ -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"
|
||||
}
|
||||
@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -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
4
docs/_data/variables/elements/loader.json
Normal file
@ -0,0 +1,4 @@
|
||||
{
|
||||
"sass-vars": [],
|
||||
"css-vars": []
|
||||
}
|
||||
@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -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)"
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -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
4
docs/_data/variables/form/checkbox-radio.json
Normal file
@ -0,0 +1,4 @@
|
||||
{
|
||||
"sass-vars": [],
|
||||
"css-vars": []
|
||||
}
|
||||
@ -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},"
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -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\")},"
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -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\")},"
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -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)"
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -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,"
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -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
13
docs/_data/variables/grid/grid.json
Normal 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,"
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -1,13 +0,0 @@
|
||||
{
|
||||
"by_name": {
|
||||
"$tile-spacing": {
|
||||
"name": "$tile-spacing",
|
||||
"value": "0.75rem",
|
||||
"type": "size"
|
||||
}
|
||||
},
|
||||
"list": [
|
||||
"$tile-spacing"
|
||||
],
|
||||
"file_path": "grid/tiles.sass"
|
||||
}
|
||||
@ -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
13
docs/_data/variables/layout/container.json
Normal file
@ -0,0 +1,13 @@
|
||||
{
|
||||
"sass-vars": [
|
||||
{
|
||||
"name": "container-offset",
|
||||
"value": "2 * iv.$gap"
|
||||
},
|
||||
{
|
||||
"name": "container-max-width",
|
||||
"value": "iv.$fullhd"
|
||||
}
|
||||
],
|
||||
"css-vars": []
|
||||
}
|
||||
@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -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
9
docs/_data/variables/layout/level.json
Normal 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
78
docs/_data/variables/layout/media.json
Normal 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"
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -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"
|
||||
},
|
||||
"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"
|
||||
{
|
||||
"name": "control-focus-shadow-l",
|
||||
"value": "50%",
|
||||
"css-var": "control-focus-shadow-l"
|
||||
}
|
||||
],
|
||||
"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%"
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -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": []
|
||||
}
|
||||
@ -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": []
|
||||
}
|
||||
10
docs/_includes/about/author.html
Normal file
10
docs/_includes/about/author.html
Normal file
@ -0,0 +1,10 @@
|
||||
<h4 class="bd-footer-title">
|
||||
<strong xmlns:dct="http://purl.org/dc/terms/" href="http://purl.org/dc/dcmitype/Text" property="dct:title" rel="dct:type">Bulma</strong> by <a xmlns:cc="http://creativecommons.org/ns#" href="https://jgthms.com" property="cc:attributionName" rel="cc:attributionURL" target="_blank">Jeremy Thomas</a>.
|
||||
</h4>
|
||||
|
||||
<div class="bd-footer-iframe">
|
||||
<a href="https://twitter.com/jgthms" class="button is-twitter" data-related="jgthms:Creator of Bulma">
|
||||
<span class="icon"><i class="fa-brands fa-twitter"></i></span>
|
||||
<span>Follow @jgthms</span>
|
||||
</a>
|
||||
</div>
|
||||
15
docs/_includes/about/share.html
Normal file
15
docs/_includes/about/share.html
Normal file
@ -0,0 +1,15 @@
|
||||
<h4 class="bd-footer-title">
|
||||
<strong>Share</strong> on social media
|
||||
</h4>
|
||||
|
||||
<div class="bd-footer-iframe">
|
||||
<a href="https://twitter.com/share" class="button is-twitter" data-text="{{ site.data.meta.title }}" data-url="{{ site.url }}" data-count="horizontal" data-via="jgthms" data-related="jgthms:Creator of Bulma">
|
||||
<span class="icon"><i class="fa-brands fa-twitter"></i></span>
|
||||
<span>Twitter</span>
|
||||
</a>
|
||||
|
||||
<a class="button is-facebook" href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fbulma.io">
|
||||
<span class="icon"><i class="fa-brands fa-facebook"></i></span>
|
||||
<span>Facebook</span>
|
||||
</a>
|
||||
</div>
|
||||
@ -1,15 +0,0 @@
|
||||
<section id="bulma-book" class="bd-book-banner hero is-medium">
|
||||
<!-- <div class="bd-book-pattern"></div> -->
|
||||
<div class="hero-body">
|
||||
<div class="container">
|
||||
<div class="bd-book-columns">
|
||||
<div class="bd-book-column bd-is-cover">
|
||||
{% include book/book-cover.html %}
|
||||
</div>
|
||||
<div class="bd-book-column bd-is-content">
|
||||
{% include book/book-content.html show_cover=false %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -1,59 +0,0 @@
|
||||
<div class="bd-book-content">
|
||||
<header class="block bd-book-header">
|
||||
<strong class="tag is-success">New!</strong>
|
||||
<h3 class="title">The official Bulma book! 😲</h3>
|
||||
<p class="subtitle is-6 has-text-grey">by Jeremy Thomas, creator of Bulma, Oleksii Potiekhin,<br>Mikko Lauhakari, Aslam Shah and David Berning</p>
|
||||
</header>
|
||||
|
||||
{% if include.show_cover %}
|
||||
<div class="bd-book-inline-cover">
|
||||
{% include book/book-cover.html %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<div class="block bd-book-description is-size-5">
|
||||
<p>A <strong>step-by-step guide</strong> that teaches you how to build a <strong>web interface from scratch</strong> using Bulma.</p>
|
||||
</div>
|
||||
<div class="bd-book-tags">
|
||||
<div class="field is-grouped is-grouped-multiline">
|
||||
<div class="control">
|
||||
<span class="tag is-white has-text-grey is-paddingless">Formats available:</span>
|
||||
</div>
|
||||
<div class="control">
|
||||
<div class="tags has-addons">
|
||||
<strong class="tag has-text-danger">PDF</strong>
|
||||
<strong class="tag has-text-info">Epub</strong>
|
||||
<strong class="tag has-text-success">Mobi</strong>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control">
|
||||
<span class="tag is-white has-text-grey is-paddingless">or</span>
|
||||
</div>
|
||||
<div class="control">
|
||||
<div class="tags has-addons">
|
||||
<strong class="tag has-text-orange">Kindle</strong>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="block bd-book-buttons">
|
||||
<div class="buttons">
|
||||
<a class="button bd-is-bleeding is-large" href="{{ site.data.meta.book_url }}" target="_blank" rel="nofollow">
|
||||
<span>
|
||||
<em>PDF + Epub + Mobi</em>
|
||||
<strong>Buy</strong> from <img src="{{ site.url }}/images/book/bleedingedge-type.png">
|
||||
</span>
|
||||
</a>
|
||||
<a class="button bd-is-amazon is-large" href="{{ site.data.meta.book_amazon }}" target="_blank" rel="nofollow">
|
||||
<span>
|
||||
<em>Kindle version</em>
|
||||
<strong>Buy</strong> from <img src="{{ site.url }}/images/book/amazon-logo.png">
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="bd-book-sample">
|
||||
Or <a href="{{ site.data.meta.book_sample }}" target="_blank" rel="nofollow">
|
||||
download a free sample</a>!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,12 +0,0 @@
|
||||
<div class="bd-book-cover">
|
||||
<a href="{{ site.data.meta.book_url }}" target="_blank">
|
||||
{%
|
||||
include elements/responsive-image-2x.html
|
||||
path="book/book-cover"
|
||||
extension="jpg"
|
||||
alt="The official Bulma book cover"
|
||||
width="504"
|
||||
height="661"
|
||||
%}
|
||||
</a>
|
||||
</div>
|
||||
@ -1,14 +0,0 @@
|
||||
<div id="bookModal" class="bd-book-modal modal">
|
||||
<div class="bd-book-modal-background"></div>
|
||||
<div class="modal-content">
|
||||
<div class="bd-book-modal-columns">
|
||||
<div class="bd-book-modal-column bd-is-cover">
|
||||
{% include book/book-cover.html %}
|
||||
</div>
|
||||
<div class="bd-book-modal-column bd-is-content">
|
||||
{% include book/book-content.html show_cover=true %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="bd-book-modal-close modal-close is-large" aria-label="close"></button>
|
||||
</div>
|
||||
@ -1 +0,0 @@
|
||||
<span class="tag">>= {{ site.data.breakpoints.desktop.from }}px</span>
|
||||
@ -1 +0,0 @@
|
||||
<span class="tag">>= {{ site.data.breakpoints.fullhd.from }}px</span>
|
||||
@ -1 +0,0 @@
|
||||
<span class="tag">< {{ site.data.breakpoints.desktop.from }}px</span>
|
||||
@ -1 +0,0 @@
|
||||
<span class="tag">>= {{ site.data.breakpoints.widescreen.from }}px</span>
|
||||
@ -1,8 +0,0 @@
|
||||
<div id="anchorsReference" class="bd-anchors-reference"></div>
|
||||
<nav id="anchors" class="bd-anchors bd-is-empty">
|
||||
<p class="bd-anchors-title">
|
||||
On this page
|
||||
</p>
|
||||
|
||||
<ul class="bd-anchors-list"></ul>
|
||||
</nav>
|
||||
@ -1,36 +0,0 @@
|
||||
<div class="bd-breadcrumb">
|
||||
<nav class="breadcrumb" aria-label="breadcrumbs">
|
||||
<ul>
|
||||
{% for key in page.breadcrumb %}
|
||||
{% assign link = site.data.links.by_id[key] %}
|
||||
<li{% if forloop.last %} class="is-active"{% endif %}>
|
||||
<a href="{{ site.url }}{{ link.path }}">{{ link.name }}</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
{% if previous_link or next_link %}
|
||||
<nav class="bd-prev-next">
|
||||
{% if previous_link %}
|
||||
<a href="{{ site.url }}{{ previous_link.path }}" title="{{ previous_link.name }}">
|
||||
←
|
||||
</a>
|
||||
{% else %}
|
||||
<span>
|
||||
←
|
||||
</span>
|
||||
{% endif %}
|
||||
|
||||
{% if next_link %}
|
||||
<a href="{{ site.url }}{{ next_link.path }}" title="{{ next_link.name }}">
|
||||
→
|
||||
</a>
|
||||
{% else %}
|
||||
<span>
|
||||
→
|
||||
</span>
|
||||
{% endif %}
|
||||
</nav>
|
||||
{% endif %}
|
||||
</div>
|
||||
@ -1,76 +0,0 @@
|
||||
<nav id="categories" class="bd-categories">
|
||||
<div class="bd-categories-filter">
|
||||
<input id="categoriesFilter" class="input is-small" type="text" name="" placeholder="Filter links" style="border-radius: 0.5em;">
|
||||
<span class="bd-key">f</span>
|
||||
</div>
|
||||
|
||||
{% for category_id in site.data.links.categoryIds %}
|
||||
{% assign category_links = site.data.links.categories[category_id] %}
|
||||
{% assign category_link = site.data.links.by_id[category_id] %}
|
||||
|
||||
{% if category_id == 'overview' %}
|
||||
<p class="bd-category-group">
|
||||
Guides
|
||||
</p>
|
||||
{% elsif category_id == 'columns' %}
|
||||
<p class="bd-category-group">
|
||||
CSS Library
|
||||
</p>
|
||||
{% endif %}
|
||||
|
||||
<div class="bd-category {% if category_id == current_category %}is-current{% endif %}">
|
||||
<header class="bd-category-header">
|
||||
<a
|
||||
class="
|
||||
bd-category-name
|
||||
{% if category_id == current_link_id %}is-active{% endif %}
|
||||
"
|
||||
href="{{ site.url }}{{ category_link.path }}"
|
||||
data-name="{{ category_link.name }}"
|
||||
>
|
||||
<strong class="bd-name">{{ category_link.name }}</strong>
|
||||
</a>
|
||||
|
||||
<button class="bd-category-toggle icon">
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
</button>
|
||||
</header>
|
||||
|
||||
<ul class="bd-category-list">
|
||||
{% for link_id in category_links %}
|
||||
{% assign link = site.data.links.by_id[link_id] %}
|
||||
|
||||
<li {% if link_id == current_link_id %}class="is-current"{% endif %}>
|
||||
<a
|
||||
href="{{ site.url }}{{ link.path }}"
|
||||
data-name="{{ link.name }}"
|
||||
>
|
||||
<span class="bd-name">{{ link.name }}</span>
|
||||
|
||||
{% if link.new %}
|
||||
<span class="ml-1 tag bd-mini-tag is-primary">
|
||||
New!
|
||||
</span>
|
||||
{% endif %}
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
||||
<p
|
||||
id="categoriesNoResults"
|
||||
class="
|
||||
bd-categories-no-results
|
||||
has-background-primary-light
|
||||
is-size-7
|
||||
has-text-primary-dark
|
||||
has-text-centered
|
||||
p-3
|
||||
">
|
||||
There are no results.
|
||||
<br>
|
||||
<button class="button is-primary is-small">Reset search <span class="bd-key">esc</span></button>
|
||||
</p>
|
||||
</nav>
|
||||
@ -1,16 +0,0 @@
|
||||
{%
|
||||
include components/hero.html
|
||||
color="basic"
|
||||
title=page.title
|
||||
subtitle=subtitle
|
||||
%}
|
||||
|
||||
<div class="bd-docs-body">
|
||||
<div class="bd-docs-content bd-content algolia-content">
|
||||
{{ content }}
|
||||
</div>
|
||||
|
||||
{% include components/pagination.html %}
|
||||
|
||||
{% include elements/improve-page.html %}
|
||||
</div>
|
||||
@ -1,28 +0,0 @@
|
||||
<nav class="bd-docs">
|
||||
{% for category in site.data.links.categories %}
|
||||
{% assign category_id = category[0] %}
|
||||
{% assign category_links = category[1] %}
|
||||
{% assign category_link = site.data.links.by_id[category_id] %}
|
||||
|
||||
<article class="bd-doc">
|
||||
<h2 class="bd-doc-title title is-5">
|
||||
<a href="{{ site.url }}{{ category_link.path }}">
|
||||
<strong>{{ category_link.name }}</strong>
|
||||
</a>
|
||||
</h2>
|
||||
|
||||
<div class="bd-doc-content">
|
||||
<ul class="bd-doc-list">
|
||||
{% for link_id in category_links %}
|
||||
{% assign link = site.data.links.by_id[link_id] %}
|
||||
<li {% if link_id == current_link_id %}class="is-current"{% endif %}>
|
||||
<a href="{{ site.url }}{{ link.path }}">
|
||||
{{ link.name }}
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</article>
|
||||
{% endfor %}
|
||||
</nav>
|
||||
@ -1,13 +0,0 @@
|
||||
<figure class="bd-figure" style="{{ include.style }}">
|
||||
{%
|
||||
include elements/responsive-image-2x.html
|
||||
path=include.path
|
||||
extension=include.extension
|
||||
alt=include.alt
|
||||
width=include.width
|
||||
height=include.height
|
||||
%}
|
||||
<figcaption>
|
||||
{{ include.caption }}
|
||||
</figcaption>
|
||||
</figure>
|
||||
@ -1,35 +0,0 @@
|
||||
{% include elements/anchor.html name="Variables" %}
|
||||
|
||||
<div class="content">
|
||||
<p>
|
||||
You can use <a href="{{ site.data.meta.github | append: '/blob/master/sass/form/shared.sass#L1,L23' }}" target="_blank">these variables</a> to <strong>customize</strong> this element. Simply set one or multiple of these variables <em>before</em> importing Bulma. <a href="{{ site.url }}/documentation/overview/customize/">Learn how</a>.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<table class="table is-bordered">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Default value</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Default value</th>
|
||||
</tr>
|
||||
</tfoot>
|
||||
<tbody>
|
||||
{% for key in page.variables_keys %}
|
||||
{% assign variable = site.data.variables.elements.form.vars[key] %}
|
||||
<tr>
|
||||
<td>
|
||||
<code>{{ variable.name }}</code>
|
||||
</td>
|
||||
<td>
|
||||
<code>{{ variable.value }}</code>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
@ -1,29 +0,0 @@
|
||||
<div class="bd-heading">
|
||||
<span class="icon has-text-{{ include.color }} is-size-2-widescreen">
|
||||
<i class="{{ include.icon }}"></i>
|
||||
</span>
|
||||
|
||||
<h2 class="title has-text-black mb-0 is-size-2-widescreen">
|
||||
{{ include.title }}
|
||||
</h2>
|
||||
|
||||
<div class="subtitle mb-0 mt-0 is-size-4-widescreen">
|
||||
{{ include.subtitle }}
|
||||
</div>
|
||||
|
||||
<a class="button bd-fat-button is-{{ include.color }} is-light is-size-4-widescreen" href="{{ include.href }}">
|
||||
{% if include.button_icon_before %}
|
||||
<span class="icon">
|
||||
<i class="{{ include.button_icon_before }}"></i>
|
||||
</span>
|
||||
{% endif %}
|
||||
<span>
|
||||
{{ include.button_label }}
|
||||
</span>
|
||||
{% if include.button_icon_after %}
|
||||
<span class="icon">
|
||||
<i class="{{ include.button_icon_after }}"></i>
|
||||
</span>
|
||||
{% endif %}
|
||||
</a>
|
||||
</div>
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user