Box shadow tokens

Box shadow#

Ex. Token name Value Use case
Small box shadow var(--rh-box-shadow-sm, 0 2px 4px 0 rgba(21, 21, 21, 0.2)) Copy Link
Medium box shadow var(--rh-box-shadow-md, 0 4px 6px 1px rgba(21, 21, 21, 0.25)) Copy Link
Large box shadow var(--rh-box-shadow-lg, 0 6px 8px 2px rgba(21, 21, 21, 0.3)) Copy Link
Extra large box shadow var(--rh-box-shadow-xl, 0 8px 24px 3px rgba(21, 21, 21, 0.35)) Copy Link
© 2021-2023 Red Hat, Inc. Deploys by Netlify
Scroll back to the top