CanvasColor

Color item displaying as a row, with color, name, sass variable name and hex value Design inspired by Canvas Design System.

Primary

LORAX

#ff7a59

$color-lorax

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	-

Primary

LORAX

#ff7a59

$color-lorax

	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

LORAX

#ff7a59

$color-lorax

320px

Primary

LORAX

#ff7a59

$color-lorax

375px

Primary

LORAX

#ff7a59

$color-lorax

768px

Primary

LORAX

#ff7a59

$color-lorax

1024px