A next-generation tool to create blazing-fast documentation sites
API
created:12/30/2020
updated:12/30/2020
loc
167
comments
6%

PajamasColor

avatar of atanasster

Color item displaying the color as a table row, expanding on hover to display the contrast and passing level. Design inspired by GitLab's Pajamas.

A11y tests

$orange-50
#fdf1dd
$orange-100
#f5d9a8
$orange-200
#e9be74
$orange-300
#d99530
$orange-400
#c17d10
$orange-500
#ab6100
$orange-600
#9e5400
$orange-700
#8f4700
$orange-800
#703800
$orange-900
#5c2900
$orange-950
#421f00

Viewport

$orange-50
#fdf1dd
$orange-100
#f5d9a8
$orange-200
#e9be74
$orange-300
#d99530
$orange-400
#c17d10
$orange-500
#ab6100
$orange-600
#9e5400
$orange-700
#8f4700
$orange-800
#703800
$orange-900
#5c2900
$orange-950
#421f00
320px
$orange-50
#fdf1dd
$orange-100
#f5d9a8
$orange-200
#e9be74
$orange-300
#d99530
$orange-400
#c17d10
$orange-500
#ab6100
$orange-600
#9e5400
$orange-700
#8f4700
$orange-800
#703800
$orange-900
#5c2900
$orange-950
#421f00
375px
$orange-50
#fdf1dd
$orange-100
#f5d9a8
$orange-200
#e9be74
$orange-300
#d99530
$orange-400
#c17d10
$orange-500
#ab6100
$orange-600
#9e5400
$orange-700
#8f4700
$orange-800
#703800
$orange-900
#5c2900
$orange-950
#421f00
768px
$orange-50
#fdf1dd
$orange-100
#f5d9a8
$orange-200
#e9be74
$orange-300
#d99530
$orange-400
#c17d10
$orange-500
#ab6100
$orange-600
#9e5400
$orange-700
#8f4700
$orange-800
#703800
$orange-900
#5c2900
$orange-950
#421f00
1024px