Syntax

Box Shadow

Adding shadow effects around an element.

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

Overview

ClassDeclarations
shadow:value,box-shadow: value,;
shadow:inset|offset-x|offset-y|colorbox-shadow: inset offset-x offset-y color;

Conditionally apply

Apply styles based on different states using selectors and applying conditionally.

<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>
Design Token
Colors

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.