Update docs variables

This commit is contained in:
Jeremy Thomas 2019-05-18 16:12:56 +01:00
parent 02dce47230
commit 187be3694c
17 changed files with 525 additions and 23 deletions

View File

@ -12,6 +12,11 @@
"value": "16px",
"type": "size"
},
"$body-min-width": {
"name": "$body-min-width",
"value": "300px",
"type": "size"
},
"$body-rendering": {
"name": "$body-rendering",
"value": "optimizeLegibility",
@ -24,6 +29,16 @@
"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"
},
"$body-overflow-x": {
"name": "$body-overflow-x",
"value": "hidden",
"type": "string"
},
"$body-overflow-y": {
"name": "$body-overflow-y",
"value": "scroll",
"type": "string"
},
"$body-color": {
"name": "$body-color",
"value": "$text",
@ -31,6 +46,11 @@
"computed_type": "color",
"computed_value": "hsl(0, 0%, 29%)"
},
"$body-font-size": {
"name": "$body-font-size",
"value": "1em",
"type": "size"
},
"$body-weight": {
"name": "$body-weight",
"value": "$weight-normal",
@ -43,16 +63,6 @@
"value": "1.5",
"type": "unitless"
},
"$body-overflow-x": {
"name": "$body-overflow-x",
"value": "hidden",
"type": "keyword"
},
"$body-overflow-y": {
"name": "$body-overflow-y",
"value": "scroll",
"type": "keyword"
},
"$code-family": {
"name": "$code-family",
"value": "$family-code",
@ -75,6 +85,11 @@
"value": "0.875em",
"type": "size"
},
"$small-font-size": {
"name": "$small-font-size",
"value": "0.875em",
"type": "size"
},
"$hr-background-color": {
"name": "$hr-background-color",
"value": "$background",
@ -105,25 +120,48 @@
"type": "variable",
"computed_type": "font-weight",
"computed_value": "700"
},
"$pre-font-size": {
"name": "$pre-font-size",
"value": "0.875em",
"type": "size"
},
"$pre-padding": {
"name": "$pre-padding",
"value": "1.25rem 1.5rem",
"type": "size"
},
"$pre-code-font-size": {
"name": "$pre-code-font-size",
"value": "1em",
"type": "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"
"$strong-weight",
"$pre-font-size",
"$pre-padding",
"$pre-code-font-size"
],
"file_path": "base/generic.sass"
}
}

View File

@ -31,6 +31,11 @@
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
},
"$card-header-padding": {
"name": "$card-header-padding",
"value": "0.75rem",
"type": "size"
},
"$card-header-shadow": {
"name": "$card-header-shadow",
"value": "0 1px 2px rgba($black, 0.1)",
@ -48,6 +53,11 @@
"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",
@ -57,6 +67,18 @@
"name": "$card-footer-border-top",
"value": "1px solid $border",
"type": "size"
},
"$card-footer-padding": {
"name": "$card-footer-padding",
"value": "0.75rem",
"type": "size"
},
"$card-media-margin": {
"name": "$card-media-margin",
"value": "$block-spacing",
"type": "variable",
"computed_type": "size",
"computed_value": "1.5rem"
}
},
"list": [
@ -65,11 +87,15 @@
"$card-shadow",
"$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-border-top",
"$card-footer-padding",
"$card-media-margin"
],
"file_path": "components/card.sass"
}

View File

@ -1,5 +1,10 @@
{
"by_name": {
"$dropdown-menu-min-width": {
"name": "$dropdown-menu-min-width",
"value": "12rem",
"type": "size"
},
"$dropdown-content-background-color": {
"name": "$dropdown-content-background-color",
"value": "$white",
@ -19,6 +24,16 @@
"value": "4px",
"type": "size"
},
"$dropdown-content-padding-bottom": {
"name": "$dropdown-content-padding-bottom",
"value": "0.5rem",
"type": "size"
},
"$dropdown-content-padding-top": {
"name": "$dropdown-content-padding-top",
"value": "0.5rem",
"type": "size"
},
"$dropdown-content-radius": {
"name": "$dropdown-content-radius",
"value": "$radius",
@ -80,9 +95,12 @@
}
},
"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",

View File

@ -0,0 +1,13 @@
{
"by_name": {
"$level-item-spacing": {
"name": "$level-item-spacing",
"value": "($block-spacing / 2)",
"type": "compound"
}
},
"list": [
"$level-item-spacing"
],
"file_path": "components/level.sass"
}

View File

@ -47,12 +47,47 @@
"value": "1px solid $border",
"type": "size"
},
"$menu-list-line-height": {
"name": "$menu-list-line-height",
"value": "1.25",
"type": "unitless"
},
"$menu-list-link-padding": {
"name": "$menu-list-link-padding",
"value": "0.5em 0.75em",
"type": "size"
},
"$menu-nested-list-margin": {
"name": "$menu-nested-list-margin",
"value": "0.75em",
"type": "size"
},
"$menu-nested-list-padding-left": {
"name": "$menu-nested-list-padding-left",
"value": "0.75em",
"type": "size"
},
"$menu-label-color": {
"name": "$menu-label-color",
"value": "$text-light",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 48%)"
},
"$menu-label-font-size": {
"name": "$menu-label-font-size",
"value": "0.75em",
"type": "size"
},
"$menu-label-letter-spacing": {
"name": "$menu-label-letter-spacing",
"value": "0.1em",
"type": "size"
},
"$menu-label-spacing": {
"name": "$menu-label-spacing",
"value": "1em",
"type": "size"
}
},
"list": [
@ -63,7 +98,14 @@
"$menu-item-active-color",
"$menu-item-active-background-color",
"$menu-list-border-left",
"$menu-label-color"
"$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"
}

View File

@ -94,6 +94,13 @@
"name": "$message-header-body-border-width",
"value": "0",
"type": "string"
},
"$message-colors": {
"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), \"link\": ($link, $link-invert), \"info\": ($info, $info-invert), \"success\": ($success, $success-invert), \"warning\": ($warning, $warning-invert), \"danger\": ($danger, $danger-invert)), $custom-colors)"
}
},
"list": [
@ -111,7 +118,8 @@
"$message-body-radius",
"$message-body-pre-background-color",
"$message-body-pre-code-background-color",
"$message-header-body-border-width"
"$message-header-body-border-width",
"$message-colors"
],
"file_path": "components/message.sass"
}

View File

@ -24,6 +24,26 @@
"value": "$control-height",
"type": "variable"
},
"$pagination-item-font-size": {
"name": "$pagination-item-font-size",
"value": "1em",
"type": "size"
},
"$pagination-item-margin": {
"name": "$pagination-item-margin",
"value": "0.25rem",
"type": "size"
},
"$pagination-item-padding-left": {
"name": "$pagination-item-padding-left",
"value": "0.5em",
"type": "size"
},
"$pagination-item-padding-right": {
"name": "$pagination-item-padding-right",
"value": "0.5em",
"type": "size"
},
"$pagination-hover-color": {
"name": "$pagination-hover-color",
"value": "$link-hover",
@ -121,6 +141,10 @@
"$pagination-border-color",
"$pagination-margin",
"$pagination-min-width",
"$pagination-item-font-size",
"$pagination-item-margin",
"$pagination-item-padding-left",
"$pagination-item-padding-right",
"$pagination-hover-color",
"$pagination-hover-border-color",
"$pagination-focus-color",

View File

@ -1,5 +1,12 @@
{
"by_name": {
"$panel-margin": {
"name": "$panel-margin",
"value": "$block-spacing",
"type": "variable",
"computed_type": "size",
"computed_value": "1.5rem"
},
"$panel-item-border": {
"name": "$panel-item-border",
"value": "1px solid $border",
@ -48,6 +55,11 @@
"computed_type": "font-weight",
"computed_value": "300"
},
"$panel-tabs-font-size": {
"name": "$panel-tabs-font-size",
"value": "0.875em",
"type": "size"
},
"$panel-tab-border-bottom": {
"name": "$panel-tab-border-bottom",
"value": "1px solid $border",
@ -125,6 +137,7 @@
}
},
"list": [
"$panel-margin",
"$panel-item-border",
"$panel-heading-background-color",
"$panel-heading-color",
@ -133,6 +146,7 @@
"$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",

View File

@ -14,6 +14,11 @@
"computed_type": "color",
"computed_value": "hsl(0, 0%, 100%)"
},
"$button-family": {
"name": "$button-family",
"value": "false",
"type": "boolean"
},
"$button-border-color": {
"name": "$button-border-color",
"value": "$grey-lighter",
@ -158,6 +163,7 @@
"list": [
"$button-color",
"$button-background-color",
"$button-family",
"$button-border-color",
"$button-border-width",
"$button-padding-vertical",

View File

@ -0,0 +1,13 @@
{
"by_name": {
"$container-offset": {
"name": "$container-offset",
"value": "(2 * $gap)",
"type": "compound"
}
},
"list": [
"$container-offset"
],
"file_path": "elements/container.sass"
}

View File

@ -14,22 +14,24 @@
"computed_type": "color",
"computed_value": "hsl(0, 0%, 29%)"
},
"$progress-border-radius": {
"name": "$progress-border-radius",
"value": "$radius-rounded",
"type": "variable",
"computed_type": "size",
"computed_value": "290486px"
},
"$progress-indeterminate-duration": {
"name": "$progress-indeterminate-duration",
"value": "1.5s",
"type": "string"
},
"$progress-border-radius": {
"name": "$progress-border-radius",
"value": "$radius-rounded",
"type": "variable"
}
},
"list": [
"$progress-bar-background-color",
"$progress-value-background-color",
"$progress-indeterminate-duration",
"$progress-border-radius"
"$progress-border-radius",
"$progress-indeterminate-duration"
],
"file_path": "elements/progress.sass"
}

View File

@ -7,6 +7,11 @@
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
},
"$title-family": {
"name": "$title-family",
"value": "false",
"type": "boolean"
},
"$title-size": {
"name": "$title-size",
"value": "$size-3",
@ -53,6 +58,11 @@
"computed_type": "color",
"computed_value": "hsl(0, 0%, 29%)"
},
"$subtitle-family": {
"name": "$subtitle-family",
"value": "false",
"type": "boolean"
},
"$subtitle-size": {
"name": "$subtitle-size",
"value": "$size-5",
@ -94,6 +104,7 @@
},
"list": [
"$title-color",
"$title-family",
"$title-size",
"$title-weight",
"$title-line-height",
@ -102,6 +113,7 @@
"$title-sub-size",
"$title-sup-size",
"$subtitle-color",
"$subtitle-family",
"$subtitle-size",
"$subtitle-weight",
"$subtitle-line-height",

View File

@ -0,0 +1,81 @@
{
"by_name": {
"$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"
}
},
"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_path": "form/file.sass"
}

View File

@ -0,0 +1,155 @@
{
"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"
}
},
"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_path": "form/shared.sass"
}

View File

@ -0,0 +1,31 @@
{
"by_name": {
"$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": [
"$label-color",
"$label-weight",
"$help-size"
],
"file_path": "form/tools.sass"
}

View File

@ -0,0 +1,13 @@
{
"by_name": {
"$tile-spacing": {
"name": "$tile-spacing",
"value": "0.75rem",
"type": "size"
}
},
"list": [
"$tile-spacing"
],
"file_path": "grid/tiles.sass"
}

View File

@ -170,9 +170,14 @@
"value": "700",
"type": "font-weight"
},
"$block-spacing": {
"name": "$block-spacing",
"value": "1.5rem",
"type": "size"
},
"$gap": {
"name": "$gap",
"value": "64px",
"value": "32px",
"type": "size"
},
"$tablet": {
@ -276,6 +281,7 @@
"$weight-medium",
"$weight-semibold",
"$weight-bold",
"$block-spacing",
"$gap",
"$tablet",
"$desktop",