PatternFlyColor

Color item displaying the color as a row with a color circle with CSS var name and on click popup. Design inspired by PatternFly.

#1d70b8

--pf-global--link--Color

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	-

#1d70b8

--pf-global--link--Color

	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...

#1d70b8

--pf-global--link--Color

320px

#1d70b8

--pf-global--link--Color

375px

#1d70b8

--pf-global--link--Color

768px

#1d70b8

--pf-global--link--Color

1024px