semantic-props/dist/shadow.css

A collection of semantic CSS custom properties.

:where(.semantic){--3x-light-shadow:drop-shadow(0 1px 1px rgba(0,0,0,.075));--2x-light-shadow:drop-shadow(0 2px 2px rgba(0,0,0,.075));--x-light-shadow:drop-shadow(0 3px 3px rgba(0,0,0,.075));--light-shadow:drop-shadow(0 6px 4px rgba(0,0,0,.1));--medium-shadow:drop-shadow(0 8px 5px rgba(0,0,0,.1));--heavy-shadow:drop-shadow(0 10px 8px rgba(0,0,0,.1));--x-heavy-shadow:drop-shadow(0 16px 10px rgba(0,0,0,.15));--2x-heavy-shadow:drop-shadow(0 20px 13px rgba(0,0,0,.15));--3x-heavy-shadow:drop-shadow(0 25px 25px rgba(0,0,0,.15))}