Shadow

Utilities for shadows.

Quick reference

Class	Styles
af-shadow-sm	box-shadow: var(--af-shadow-sm)
af-shadow-md	box-shadow: var(--af-shadow-md)
af-shadow-lg	box-shadow: var(--af-shadow-lg)

Examples

Shadow

af-shadow-sm

<div class="af-bg-surface af-radius-md af-shadow-sm af-p-sm">
  af-shadow-sm
</div>

Available classes

• af-shadow-sm
• af-shadow-md
• af-shadow-lg

Responsive variants

All shadow utilities support responsive variants using the @{bp} suffix. See Responsive Suffix for syntax and breakpoints.

Related

• Radius