created:12/30/2020
updated:12/30/2020
loc
46
comments
22%

SeekColor

avatar of atanasster

Color item displaying the color as a circle with the HEX value and variable name below. Design inspired by Seek OSS.

A11y tests

#001b38
@sk-blue-darker
#042763
@sk-blue-dark
#0d3880
@sk-blue
#184da8
@sk-blue-light
#2765cf
@sk-blue-lighter
#e60278
@sk-pink
#157e00
@sk-green
 
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...

Viewport

#001b38
@sk-blue-darker
#042763
@sk-blue-dark
#0d3880
@sk-blue
#184da8
@sk-blue-light
#2765cf
@sk-blue-lighter
#e60278
@sk-pink
#157e00
@sk-green
320px
#001b38
@sk-blue-darker
#042763
@sk-blue-dark
#0d3880
@sk-blue
#184da8
@sk-blue-light
#2765cf
@sk-blue-lighter
#e60278
@sk-pink
#157e00
@sk-green
375px
#001b38
@sk-blue-darker
#042763
@sk-blue-dark
#0d3880
@sk-blue
#184da8
@sk-blue-light
#2765cf
@sk-blue-lighter
#e60278
@sk-pink
#157e00
@sk-green
768px
#001b38
@sk-blue-darker
#042763
@sk-blue-dark
#0d3880
@sk-blue
#184da8
@sk-blue-light
#2765cf
@sk-blue-lighter
#e60278
@sk-pink
#157e00
@sk-green
1024px