mirror of
https://github.com/jgthms/bulma
synced 2026-03-17 19:04:30 -07:00
Bulma v9 website (#3249)
* Add Bulma v9 * Add vendor dependencies * Fix native * Fix sponsors * Add style attribute
This commit is contained in:
@@ -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": [
|
||||
|
||||
@@ -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",
|
||||
|
||||
@@ -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"
|
||||
}
|
||||
@@ -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": [
|
||||
|
||||
@@ -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": [
|
||||
|
||||
@@ -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": [
|
||||
|
||||
@@ -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": [
|
||||
|
||||
Reference in New Issue
Block a user