Shadows

CSS has classes that change the shadows variants property to maintain standardization

Box Shadow

Apply box-shadow: 0px 4px 12px -5px var(--gray)

<div class='box-shadow'>...</div>

Text Shadow

Apply text-shadow:: 0px 4px 12px var(--gray)

<div class='text-shadow'>...</div>

Drop Shadow

Apply filter: drop-shadow(0px 4px 12px var(--gray))

<img class='drop-shadow' src='...'>

Reset

To reset any shadow applied use the following classes:

<div class='box-shadow-none'>...</div>
<div class='text-shadow-none'>...</div>
<div class='drop-shadow-none'>...</div>