Syntax

Box Shadow

Adding shadow effects around an element.

🚧This page is still under construction and some content may not be complete.

Class	Declarations
`shadow:value,…`	`box-shadow: value,…;`
`shadow:inset\|offset-x\|offset-y\|color`	`box-shadow: inset offset-x offset-y color;`

Conditionally apply

Apply styles based on different states using selectors and conditional queries.

<div class="box-shadow:1|2|3|blue:hover box-shadow:1|2|3|blue@sm box-shadow:1|2|3|blue@dark box-shadow:1|2|3|blue@print">…</div>

Setting how an element's fragments should be rendered when broken across multiple lines, columns, or pages.

Setting how the total width and height of an element is calculated.