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

Bulma v9 website (#3249)

Browse Source 
* Add Bulma v9

* Add vendor dependencies

* Fix native

* Fix sponsors

* Add style attribute
This commit is contained in:
Jeremy Thomas
2021-01-27 23:30:42 +00:00
committed by GitHub
parent c5edaea84f
commit 08ef4df2c0
1963 changed files with 157468 additions and 9452 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -5,7 +5,7 @@
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$breadcrumb-item-hover-color": {
"name": "$breadcrumb-item-hover-color",

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

@@ -17,18 +17,13 @@
"$card-shadow": {
"name": "$card-shadow",
"value": "0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02)",
"type": "size"
"type": "shadow"
},
"$card-radius": {
"name": "$card-radius",
"value": "0.25rem",
"type": "size"
},
"$card-overflow": {
"name": "$card-overflow",
"value": "hidden",
"type": "string"
},
"$card-header-background-color": {
"name": "$card-header-background-color",
"value": "transparent",
@@ -49,7 +44,7 @@
"$card-header-shadow": {
"name": "$card-header-shadow",
"value": "0 0.125em 0.25em rgba($scheme-invert, 0.1)",
"type": "size"
"type": "shadow"
},
"$card-header-weight": {
"name": "$card-header-weight",
@@ -96,7 +91,6 @@
"$card-background-color",
"$card-shadow",
"$card-radius",
"$card-overflow",
"$card-header-background-color",
"$card-header-color",
"$card-header-padding",

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

@@ -17,7 +17,7 @@
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$dropdown-content-offset": {
"name": "$dropdown-content-offset",
@@ -44,7 +44,7 @@
"$dropdown-content-shadow": {
"name": "$dropdown-content-shadow",
"value": "0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02)",
"type": "size"
"type": "shadow"
},
"$dropdown-content-z": {
"name": "$dropdown-content-z",
@@ -84,7 +84,7 @@
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$dropdown-divider-background-color": {
"name": "$dropdown-divider-background-color",

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

@@ -4,10 +4,52 @@
"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-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"
}

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

@@ -40,7 +40,7 @@
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$menu-list-border-left": {
"name": "$menu-list-border-left",

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

@@ -99,8 +99,8 @@
"name": "$message-colors",
"value": "$colors",
"type": "variable",
"computed_type": "function",
"computed_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)"
"computed_type": "map",
"computed_value": "Bulma colors"
}
},
"list": [

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

@@ -46,17 +46,17 @@
},
"$navbar-item-color": {
"name": "$navbar-item-color",
"value": "$text",
"value": "$text-strong",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 29%)"
"computed_value": "hsl(0, 0%, 21%)"
},
"$navbar-item-hover-color": {
"name": "$navbar-item-hover-color",
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$navbar-item-hover-background-color": {
"name": "$navbar-item-hover-background-color",
@@ -97,14 +97,14 @@
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$navbar-tab-active-color": {
"name": "$navbar-tab-active-color",
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$navbar-tab-active-background-color": {
"name": "$navbar-tab-active-background-color",
@@ -116,7 +116,7 @@
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$navbar-tab-active-border-bottom-style": {
"name": "$navbar-tab-active-border-bottom-style",
@@ -150,7 +150,7 @@
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$navbar-dropdown-radius": {
"name": "$navbar-dropdown-radius",
@@ -174,7 +174,7 @@
"$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": "size"
"type": "shadow"
},
"$navbar-dropdown-item-hover-color": {
"name": "$navbar-dropdown-item-hover-color",
@@ -195,7 +195,7 @@
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$navbar-dropdown-item-active-background-color": {
"name": "$navbar-dropdown-item-active-background-color",
@@ -232,8 +232,8 @@
"name": "$navbar-colors",
"value": "$colors",
"type": "variable",
"computed_type": "function",
"computed_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)"
"computed_type": "map",
"computed_value": "Bulma colors"
}
},
"list": [

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

@@ -44,6 +44,16 @@
"value": "0.5em",
"type": "size"
},
"$pagination-nav-padding-left": {
"name": "$pagination-nav-padding-left",
"value": "0.75em",
"type": "size"
},
"$pagination-nav-padding-right": {
"name": "$pagination-nav-padding-right",
"value": "0.75em",
"type": "size"
},
"$pagination-hover-color": {
"name": "$pagination-hover-color",
"value": "$link-hover",
@@ -70,7 +80,7 @@
"value": "$link-focus-border",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$pagination-active-color": {
"name": "$pagination-active-color",
@@ -119,14 +129,14 @@
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"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(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$pagination-ellipsis-color": {
"name": "$pagination-ellipsis-color",
@@ -134,6 +144,11 @@
"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"
}
},
"list": [
@@ -145,6 +160,8 @@
"$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",
@@ -157,7 +174,8 @@
"$pagination-current-color",
"$pagination-current-background-color",
"$pagination-current-border-color",
"$pagination-ellipsis-color"
"$pagination-ellipsis-color",
"$pagination-shadow-inset"
],
"file_path": "components/pagination.sass"
}

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

@@ -22,7 +22,7 @@
"$panel-shadow": {
"name": "$panel-shadow",
"value": "0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02)",
"type": "size"
"type": "shadow"
},
"$panel-heading-background-color": {
"name": "$panel-heading-background-color",
@@ -103,7 +103,7 @@
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$panel-block-color": {
"name": "$panel-block-color",
@@ -124,7 +124,7 @@
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$panel-block-active-color": {
"name": "$panel-block-active-color",
@@ -138,7 +138,7 @@
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$panel-icon-color": {
"name": "$panel-icon-color",
@@ -151,8 +151,8 @@
"name": "$panel-colors",
"value": "$colors",
"type": "variable",
"computed_type": "function",
"computed_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)"
"computed_type": "map",
"computed_value": "Bulma colors"
}
},
"list": [

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

@@ -43,14 +43,14 @@
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$tabs-link-active-color": {
"name": "$tabs-link-active-color",
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$tabs-link-padding": {
"name": "$tabs-link-padding",
@@ -140,14 +140,14 @@
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$tabs-toggle-link-active-border-color": {
"name": "$tabs-toggle-link-active-border-color",
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$tabs-toggle-link-active-color": {
"name": "$tabs-toggle-link-active-color",

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

@@ -24,7 +24,7 @@
"$box-shadow": {
"name": "$box-shadow",
"value": "0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02)",
"type": "size"
"type": "shadow"
},
"$box-padding": {
"name": "$box-padding",
@@ -34,12 +34,12 @@
"$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": "size"
"type": "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": "size"
"type": "shadow"
}
},
"list": [

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

@@ -67,7 +67,7 @@
"value": "$link-focus-border",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$button-focus-box-shadow-size": {
"name": "$button-focus-box-shadow-size",
@@ -119,6 +119,40 @@
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
},
"$button-ghost-background": {
"name": "$button-ghost-background",
"value": "none",
"type": "string"
},
"$button-ghost-border-color": {
"name": "$button-ghost-border-color",
"value": "transparent",
"type": "string"
},
"$button-ghost-color": {
"name": "$button-ghost-color",
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(229, 53%, 53%)"
},
"$button-ghost-decoration": {
"name": "$button-ghost-decoration",
"value": "none",
"type": "string"
},
"$button-ghost-hover-color": {
"name": "$button-ghost-hover-color",
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(229, 53%, 53%)"
},
"$button-ghost-hover-decoration": {
"name": "$button-ghost-hover-decoration",
"value": "underline",
"type": "string"
},
"$button-disabled-background-color": {
"name": "$button-disabled-background-color",
"value": "$scheme-main",
@@ -136,7 +170,7 @@
"$button-disabled-shadow": {
"name": "$button-disabled-shadow",
"value": "none",
"type": "string"
"type": "shadow"
},
"$button-disabled-opacity": {
"name": "$button-disabled-opacity",
@@ -168,8 +202,8 @@
"name": "$button-colors",
"value": "$colors",
"type": "variable",
"computed_type": "function",
"computed_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)"
"computed_type": "map",
"computed_value": "Bulma colors"
}
},
"list": [
@@ -192,6 +226,12 @@
"$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",

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

@@ -19,13 +19,19 @@
"name": "$icon-dimensions-large",
"value": "3rem",
"type": "size"
},
"$icon-text-spacing": {
"name": "$icon-text-spacing",
"value": "0.25em",
"type": "size"
}
},
"list": [
"$icon-dimensions",
"$icon-dimensions-small",
"$icon-dimensions-medium",
"$icon-dimensions-large"
"$icon-dimensions-large",
"$icon-text-spacing"
],
"file_path": "elements/icon.sass"
}

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

@@ -40,8 +40,8 @@
"name": "$notification-colors",
"value": "$colors",
"type": "variable",
"computed_type": "function",
"computed_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)"
"computed_type": "map",
"computed_value": "Bulma colors"
}
},
"list": [

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

@@ -19,7 +19,7 @@
"value": "$radius-rounded",
"type": "variable",
"computed_type": "size",
"computed_value": "290486px"
"computed_value": "9999px"
},
"$progress-indeterminate-duration": {
"name": "$progress-indeterminate-duration",
@@ -30,8 +30,8 @@
"name": "$progress-colors",
"value": "$colors",
"type": "variable",
"computed_type": "function",
"computed_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)"
"computed_type": "map",
"computed_value": "Bulma colors"
}
},
"list": [

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

@@ -114,8 +114,8 @@
"name": "$table-colors",
"value": "$colors",
"type": "variable",
"computed_type": "function",
"computed_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)"
"computed_type": "map",
"computed_value": "Bulma colors"
}
},
"list": [

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

@@ -30,8 +30,8 @@
"name": "$tag-colors",
"value": "$colors",
"type": "variable",
"computed_type": "function",
"computed_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)"
"computed_type": "map",
"computed_value": "Bulma colors"
}
},
"list": [

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

@@ -4,8 +4,8 @@
"name": "$form-colors",
"value": "$colors",
"type": "variable",
"computed_type": "function",
"computed_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)"
"computed_type": "map",
"computed_value": "Bulma colors"
},
"$input-color": {
"name": "$input-color",
@@ -36,7 +36,7 @@
"$input-shadow": {
"name": "$input-shadow",
"value": "inset 0 0.0625em 0.125em rgba($scheme-invert, 0.05)",
"type": "size"
"type": "shadow"
},
"$input-placeholder-color": {
"name": "$input-placeholder-color",
@@ -69,7 +69,7 @@
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$input-focus-box-shadow-size": {
"name": "$input-focus-box-shadow-size",
@@ -112,7 +112,7 @@
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$input-icon-color": {
"name": "$input-icon-color",

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

@@ -5,6 +5,11 @@
"value": "3rem 1.5rem",
"type": "size"
},
"$hero-body-padding-tablet": {
"name": "$hero-body-padding-tablet",
"value": "3rem 3rem",
"type": "size"
},
"$hero-body-padding-small": {
"name": "$hero-body-padding-small",
"value": "1.5rem",
@@ -12,24 +17,25 @@
},
"$hero-body-padding-medium": {
"name": "$hero-body-padding-medium",
"value": "9rem 1.5rem",
"value": "9rem 4.5rem",
"type": "size"
},
"$hero-body-padding-large": {
"name": "$hero-body-padding-large",
"value": "18rem 1.5rem",
"value": "18rem 6rem",
"type": "size"
},
"$hero-colors": {
"name": "$hero-colors",
"value": "$colors",
"type": "variable",
"computed_type": "function",
"computed_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)"
"computed_type": "map",
"computed_value": "Bulma colors"
}
},
"list": [
"$hero-body-padding",
"$hero-body-padding-tablet",
"$hero-body-padding-small",
"$hero-body-padding-medium",
"$hero-body-padding-large",

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

@@ -5,19 +5,25 @@
"value": "3rem 1.5rem",
"type": "size"
},
"$section-padding-desktop": {
"name": "$section-padding-desktop",
"value": "3rem 3rem",
"type": "size"
},
"$section-padding-medium": {
"name": "$section-padding-medium",
"value": "9rem 1.5rem",
"value": "9rem 4.5rem",
"type": "size"
},
"$section-padding-large": {
"name": "$section-padding-large",
"value": "18rem 1.5rem",
"value": "18rem 6rem",
"type": "size"
}
},
"list": [
"$section-padding",
"$section-padding-desktop",
"$section-padding-medium",
"$section-padding-large"
],

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

@@ -12,21 +12,21 @@
"value": "$cyan",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(204, 71%, 53%)"
"computed_value": "hsl(207, 61%, 53%)"
},
"$success": {
"name": "$success",
"value": "$green",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(141, 53%, 53%)"
"computed_value": "hsl(153, 53%, 53%)"
},
"$warning": {
"name": "$warning",
"value": "$yellow",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(48, 100%, 67%)"
"computed_value": "hsl(44, 100%, 77%)"
},
"$danger": {
"name": "$danger",
@@ -340,7 +340,7 @@
"value": "$blue",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$link-invert": {
"name": "$link-invert",
@@ -392,7 +392,7 @@
"value": "$blue",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$link-active": {
"name": "$link-active",
@@ -470,12 +470,12 @@
"$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": "function"
"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": "function"
"type": "map"
},
"$sizes": {
"name": "$sizes",

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

@@ -67,12 +67,12 @@
},
"$yellow": {
"name": "$yellow",
"value": "hsl(48, 100%, 67%)",
"value": "hsl(44, 100%, 77%)",
"type": "color"
},
"$green": {
"name": "$green",
"value": "hsl(141, 53%, 53%)",
"value": "hsl(153, 53%, 53%)",
"type": "color"
},
"$turquoise": {
@@ -82,12 +82,12 @@
},
"$cyan": {
"name": "$cyan",
"value": "hsl(204, 71%, 53%)",
"value": "hsl(207, 61%, 53%)",
"type": "color"
},
"$blue": {
"name": "$blue",
"value": "hsl(217, 71%, 53%)",
"value": "hsl(229, 53%, 53%)",
"type": "color"
},
"$purple": {
@@ -237,7 +237,7 @@
},
"$radius-rounded": {
"name": "$radius-rounded",
"value": "290486px",
"value": "9999px",
"type": "size"
},
"$speed": {