created:12/30/2020
updated:12/30/2020
loc
56
comments
18%
VanillaColor
Color item displaying the color as a color block with sass variable name and hex color value. Design inspired by Vanilla.
$color-x-light
#FFF
$color-brand
#333
$color-caution
#F99B11
$color-negative
#C7162B
$color-positive
#0E8420
$color-information
#06C
$color-navigation-background
#FFF
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... |
$color-x-light
#FFF
$color-brand
#333
$color-caution
#F99B11
$color-negative
#C7162B
$color-positive
#0E8420
$color-information
#06C
$color-navigation-background
#FFF
$color-x-light
#FFF
$color-brand
#333
$color-caution
#F99B11
$color-negative
#C7162B
$color-positive
#0E8420
$color-information
#06C
$color-navigation-background
#FFF
$color-x-light
#FFF
$color-brand
#333
$color-caution
#F99B11
$color-negative
#C7162B
$color-positive
#0E8420
$color-information
#06C
$color-navigation-background
#FFF
$color-x-light
#FFF
$color-brand
#333
$color-caution
#F99B11
$color-negative
#C7162B
$color-positive
#0E8420
$color-information
#06C
$color-navigation-background
#FFF