created:12/30/2020
updated:12/30/2020
loc
84
comments
12%
CanvasColor
Color item displaying as a row, with color, name, sass variable name and hex value Design inspired by Canvas Design System.
Primary
SORBET
#ff8f59
$color-sorbet
Shade
SORBET_DARK
#e68250
$color-sorbet-dark
Medium Tint
SORBET_MEDIUM
#ffc7ac
$color-sorbet-medium
Light Tint
SORBET_LIGHT
#fff3ee
$color-sorbet-light
id | description | |
|---|---|---|
avoid-inline-spacing | Ensure that text spacing set through style attributes can be adjusted with custom stylesheets... | |
color-contrast | Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds... |
Primary
SORBET
#ff8f59
$color-sorbet
Shade
SORBET_DARK
#e68250
$color-sorbet-dark
Medium Tint
SORBET_MEDIUM
#ffc7ac
$color-sorbet-medium
Light Tint
SORBET_LIGHT
#fff3ee
$color-sorbet-light
Primary
SORBET
#ff8f59
$color-sorbet
Shade
SORBET_DARK
#e68250
$color-sorbet-dark
Medium Tint
SORBET_MEDIUM
#ffc7ac
$color-sorbet-medium
Light Tint
SORBET_LIGHT
#fff3ee
$color-sorbet-light
Primary
SORBET
#ff8f59
$color-sorbet
Shade
SORBET_DARK
#e68250
$color-sorbet-dark
Medium Tint
SORBET_MEDIUM
#ffc7ac
$color-sorbet-medium
Light Tint
SORBET_LIGHT
#fff3ee
$color-sorbet-light
Primary
SORBET
#ff8f59
$color-sorbet
Shade
SORBET_DARK
#e68250
$color-sorbet-dark
Medium Tint
SORBET_MEDIUM
#ffc7ac
$color-sorbet-medium
Light Tint
SORBET_LIGHT
#fff3ee
$color-sorbet-light