mirror of
https://github.com/jgthms/bulma
synced 2026-03-19 11:54:30 -07:00
Update variables include template
This commit is contained in:
Jeremy Thomas
@@ -1,160 +1,235 @@
|
||||
{
|
||||
"dir_name": "elements",
|
||||
"file_name": "form",
|
||||
"file_relative_path": "elements/form.sass",
|
||||
"file_line_from": 1,
|
||||
"file_line_to": 41,
|
||||
"file_url": "https://github.com/jgthms/bulma/blob/master/sass/elements/form.sass#L1,L41",
|
||||
"vars": {
|
||||
"input-color": {
|
||||
"id": "input-color",
|
||||
"by_name": {
|
||||
"$input-color": {
|
||||
"name": "$input-color",
|
||||
"value": "$grey-darker"
|
||||
"value": "$grey-darker",
|
||||
"type": "variable",
|
||||
"computed_type": "color",
|
||||
"computed_value": "hsl(0, 0%, 21%)"
|
||||
},
|
||||
"input-background-color": {
|
||||
"id": "input-background-color",
|
||||
"$input-background-color": {
|
||||
"name": "$input-background-color",
|
||||
"value": "$white"
|
||||
"value": "$white",
|
||||
"type": "variable",
|
||||
"computed_type": "color",
|
||||
"computed_value": "hsl(0, 0%, 100%)"
|
||||
},
|
||||
"input-border-color": {
|
||||
"id": "input-border-color",
|
||||
"$input-border-color": {
|
||||
"name": "$input-border-color",
|
||||
"value": "$grey-lighter"
|
||||
"value": "$grey-lighter",
|
||||
"type": "variable",
|
||||
"computed_type": "color",
|
||||
"computed_value": "hsl(0, 0%, 86%)"
|
||||
},
|
||||
"input-shadow": {
|
||||
"id": "input-shadow",
|
||||
"$input-shadow": {
|
||||
"name": "$input-shadow",
|
||||
"value": "inset 0 1px 2px rgba($black, 0.1)"
|
||||
"value": "inset 0 1px 2px rgba($black, 0.1)",
|
||||
"type": "compound"
|
||||
},
|
||||
"input-hover-color": {
|
||||
"id": "input-hover-color",
|
||||
"$input-hover-color": {
|
||||
"name": "$input-hover-color",
|
||||
"value": "$grey-darker"
|
||||
"value": "$grey-darker",
|
||||
"type": "variable",
|
||||
"computed_type": "color",
|
||||
"computed_value": "hsl(0, 0%, 21%)"
|
||||
},
|
||||
"input-hover-border-color": {
|
||||
"id": "input-hover-border-color",
|
||||
"$input-hover-border-color": {
|
||||
"name": "$input-hover-border-color",
|
||||
"value": "$grey-light"
|
||||
"value": "$grey-light",
|
||||
"type": "variable",
|
||||
"computed_type": "color",
|
||||
"computed_value": "hsl(0, 0%, 71%)"
|
||||
},
|
||||
"input-focus-color": {
|
||||
"id": "input-focus-color",
|
||||
"$input-focus-color": {
|
||||
"name": "$input-focus-color",
|
||||
"value": "$grey-darker"
|
||||
"value": "$grey-darker",
|
||||
"type": "variable",
|
||||
"computed_type": "color",
|
||||
"computed_value": "hsl(0, 0%, 21%)"
|
||||
},
|
||||
"input-focus-border-color": {
|
||||
"id": "input-focus-border-color",
|
||||
"$input-focus-border-color": {
|
||||
"name": "$input-focus-border-color",
|
||||
"value": "$link"
|
||||
"value": "$link",
|
||||
"type": "variable",
|
||||
"computed_type": "color",
|
||||
"computed_value": "hsl(217, 71%, 53%)"
|
||||
},
|
||||
"input-focus-box-shadow-size": {
|
||||
"id": "input-focus-box-shadow-size",
|
||||
"$input-focus-box-shadow-size": {
|
||||
"name": "$input-focus-box-shadow-size",
|
||||
"value": "0 0 0 0.125em"
|
||||
"value": "0 0 0 0.125em",
|
||||
"type": "size"
|
||||
},
|
||||
"input-focus-box-shadow-color": {
|
||||
"id": "input-focus-box-shadow-color",
|
||||
"$input-focus-box-shadow-color": {
|
||||
"name": "$input-focus-box-shadow-color",
|
||||
"value": "rgba($link, 0.25)"
|
||||
"value": "rgba($link, 0.25)",
|
||||
"type": "compound"
|
||||
},
|
||||
"input-disabled-color": {
|
||||
"id": "input-disabled-color",
|
||||
"$input-disabled-color": {
|
||||
"name": "$input-disabled-color",
|
||||
"value": "$text-light"
|
||||
"value": "$text-light",
|
||||
"type": "variable",
|
||||
"computed_type": "color",
|
||||
"computed_value": "hsl(0, 0%, 48%)"
|
||||
},
|
||||
"input-disabled-background-color": {
|
||||
"id": "input-disabled-background-color",
|
||||
"$input-disabled-background-color": {
|
||||
"name": "$input-disabled-background-color",
|
||||
"value": "$background"
|
||||
"value": "$background",
|
||||
"type": "variable",
|
||||
"computed_type": "color",
|
||||
"computed_value": "hsl(0, 0%, 96%)"
|
||||
},
|
||||
"input-disabled-border-color": {
|
||||
"id": "input-disabled-border-color",
|
||||
"$input-disabled-border-color": {
|
||||
"name": "$input-disabled-border-color",
|
||||
"value": "$background"
|
||||
"value": "$background",
|
||||
"type": "variable",
|
||||
"computed_type": "color",
|
||||
"computed_value": "hsl(0, 0%, 96%)"
|
||||
},
|
||||
"input-arrow": {
|
||||
"id": "input-arrow",
|
||||
"$input-arrow": {
|
||||
"name": "$input-arrow",
|
||||
"value": "$link"
|
||||
"value": "$link",
|
||||
"type": "variable",
|
||||
"computed_type": "color",
|
||||
"computed_value": "hsl(217, 71%, 53%)"
|
||||
},
|
||||
"input-icon-color": {
|
||||
"id": "input-icon-color",
|
||||
"$input-icon-color": {
|
||||
"name": "$input-icon-color",
|
||||
"value": "$grey-lighter"
|
||||
"value": "$grey-lighter",
|
||||
"type": "variable",
|
||||
"computed_type": "color",
|
||||
"computed_value": "hsl(0, 0%, 86%)"
|
||||
},
|
||||
"input-icon-active-color": {
|
||||
"id": "input-icon-active-color",
|
||||
"$input-icon-active-color": {
|
||||
"name": "$input-icon-active-color",
|
||||
"value": "$grey"
|
||||
"value": "$grey",
|
||||
"type": "variable",
|
||||
"computed_type": "color",
|
||||
"computed_value": "hsl(0, 0%, 48%)"
|
||||
},
|
||||
"input-radius": {
|
||||
"id": "input-radius",
|
||||
"$input-radius": {
|
||||
"name": "$input-radius",
|
||||
"value": "$radius"
|
||||
"value": "$radius",
|
||||
"type": "variable",
|
||||
"computed_type": "size",
|
||||
"computed_value": "4px"
|
||||
},
|
||||
"file-border-color": {
|
||||
"id": "file-border-color",
|
||||
"$file-border-color": {
|
||||
"name": "$file-border-color",
|
||||
"value": "$border"
|
||||
"value": "$border",
|
||||
"type": "variable",
|
||||
"computed_type": "color",
|
||||
"computed_value": "hsl(0, 0%, 86%)"
|
||||
},
|
||||
"file-radius": {
|
||||
"id": "file-radius",
|
||||
"$file-radius": {
|
||||
"name": "$file-radius",
|
||||
"value": "$radius"
|
||||
"value": "$radius",
|
||||
"type": "variable",
|
||||
"computed_type": "size",
|
||||
"computed_value": "4px"
|
||||
},
|
||||
"file-cta-background-color": {
|
||||
"id": "file-cta-background-color",
|
||||
"$file-cta-background-color": {
|
||||
"name": "$file-cta-background-color",
|
||||
"value": "$white-ter"
|
||||
"value": "$white-ter",
|
||||
"type": "variable",
|
||||
"computed_type": "color",
|
||||
"computed_value": "hsl(0, 0%, 96%)"
|
||||
},
|
||||
"file-cta-color": {
|
||||
"id": "file-cta-color",
|
||||
"$file-cta-color": {
|
||||
"name": "$file-cta-color",
|
||||
"value": "$grey-dark"
|
||||
"value": "$grey-dark",
|
||||
"type": "variable",
|
||||
"computed_type": "color",
|
||||
"computed_value": "hsl(0, 0%, 29%)"
|
||||
},
|
||||
"file-cta-hover-color": {
|
||||
"id": "file-cta-hover-color",
|
||||
"$file-cta-hover-color": {
|
||||
"name": "$file-cta-hover-color",
|
||||
"value": "$grey-darker"
|
||||
"value": "$grey-darker",
|
||||
"type": "variable",
|
||||
"computed_type": "color",
|
||||
"computed_value": "hsl(0, 0%, 21%)"
|
||||
},
|
||||
"file-cta-active-color": {
|
||||
"id": "file-cta-active-color",
|
||||
"$file-cta-active-color": {
|
||||
"name": "$file-cta-active-color",
|
||||
"value": "$grey-darker"
|
||||
"value": "$grey-darker",
|
||||
"type": "variable",
|
||||
"computed_type": "color",
|
||||
"computed_value": "hsl(0, 0%, 21%)"
|
||||
},
|
||||
"file-name-border-color": {
|
||||
"id": "file-name-border-color",
|
||||
"$file-name-border-color": {
|
||||
"name": "$file-name-border-color",
|
||||
"value": "$border"
|
||||
"value": "$border",
|
||||
"type": "variable",
|
||||
"computed_type": "color",
|
||||
"computed_value": "hsl(0, 0%, 86%)"
|
||||
},
|
||||
"file-name-border-style": {
|
||||
"id": "file-name-border-style",
|
||||
"$file-name-border-style": {
|
||||
"name": "$file-name-border-style",
|
||||
"value": "solid"
|
||||
"value": "solid",
|
||||
"type": "string"
|
||||
},
|
||||
"file-name-border-width": {
|
||||
"id": "file-name-border-width",
|
||||
"$file-name-border-width": {
|
||||
"name": "$file-name-border-width",
|
||||
"value": "1px 1px 1px 0"
|
||||
"value": "1px 1px 1px 0",
|
||||
"type": "string"
|
||||
},
|
||||
"file-name-max-width": {
|
||||
"id": "file-name-max-width",
|
||||
"$file-name-max-width": {
|
||||
"name": "$file-name-max-width",
|
||||
"value": "16em"
|
||||
"value": "16em",
|
||||
"type": "size"
|
||||
},
|
||||
"label-color": {
|
||||
"id": "label-color",
|
||||
"$label-color": {
|
||||
"name": "$label-color",
|
||||
"value": "$grey-darker"
|
||||
"value": "$grey-darker",
|
||||
"type": "variable",
|
||||
"computed_type": "color",
|
||||
"computed_value": "hsl(0, 0%, 21%)"
|
||||
},
|
||||
"label-weight": {
|
||||
"id": "label-weight",
|
||||
"$label-weight": {
|
||||
"name": "$label-weight",
|
||||
"value": "$weight-bold"
|
||||
"value": "$weight-bold",
|
||||
"type": "variable",
|
||||
"computed_type": "font-weight",
|
||||
"computed_value": "700"
|
||||
},
|
||||
"help-size": {
|
||||
"id": "help-size",
|
||||
"$help-size": {
|
||||
"name": "$help-size",
|
||||
"value": "$size-small"
|
||||
"value": "$size-small",
|
||||
"type": "variable",
|
||||
"computed_type": "size",
|
||||
"computed_value": "0.75rem"
|
||||
}
|
||||
}
|
||||
},
|
||||
"list": [
|
||||
"$input-color",
|
||||
"$input-background-color",
|
||||
"$input-border-color",
|
||||
"$input-shadow",
|
||||
"$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-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"
|
||||
}
|
||||
Reference in New Issue
Block a user