Shadow

Adds shadow effects around an element's frame

Usage

Add box-shadow-* class to block or inline block element.

<div class="box-shadow-">
    // Your content
</div>

Classes

Class	Value
`box-shadow-none`
`box-shadow-small`	`0 0px 1px rgba(0, 0, 0, 0.04)`
`box-shadow-medium`	`0 4px 8px rgba(189, 189, 189, 0.15)`
`box-shadow-large`	`0 10px 20px rgba(189, 189, 189, 0.23)`
`box-shadow-xlarge`	`0 16px 32px rgba(189, 189, 189, 0.34)`
`box-shadow-highlight`	`inset 0 0px 1px rgba(255, 255, 255, 0.25)`

Add @s, @m, or @l suffix to support breakpoints