created:12/30/2020
updated:12/30/2020
loc
83
comments
12%

CedarColor

avatar of atanasster

Color item displaying as a row, with color, name, description and hex value Design inspired by REI's Cedar.

Overview

cdr-color-text-button-primary-hover
Text color for the hover state of primary buttons
#225c4e

Controls

Name
Description
Default
Controls
name

name of the color, If none, or same as the color value, some color blocks will not display it

string
-
color

color value as a string. accepted hex, rgb, hsl color strings

ColorValue
-

A11y tests

cdr-color-text-button-primary-hover
Text color for the hover state of primary buttons
#225c4e
 
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...

table-duplicate-name

Ensure the <caption> element does not contain the same text as the summary attribute...

td-headers-attr

Ensure that each cell in a table that uses the headers attribute refers only to other cells in that table...

Viewport

cdr-color-text-button-primary-hover
Text color for the hover state of primary buttons
#225c4e
320px
cdr-color-text-button-primary-hover
Text color for the hover state of primary buttons
#225c4e
375px
cdr-color-text-button-primary-hover
Text color for the hover state of primary buttons
#225c4e
768px
cdr-color-text-button-primary-hover
Text color for the hover state of primary buttons
#225c4e
1024px