Utilities
Borders & shadows
Border helpers, radius scale, and elevation shadows.
Borders
border (default 1px), border-strong, border-primary, border-0, border-t, border-b.
Radius
rounded-none, rounded-xs, rounded-sm, rounded, rounded-md, rounded-lg, rounded-xl, rounded-2xl, rounded-pill, rounded-full.
Shadow
shadow-none, shadow-xs, shadow-sm, shadow, shadow-lg, shadow-xl, shadow-glow.
shadow-sm
shadow
shadow-lg
shadow-glow
<div class="d-grid grid-2 gap-3">
<div class="bg-elevated p-4 rounded shadow-sm">shadow-sm</div>
<div class="bg-elevated p-4 rounded shadow">shadow</div>
<div class="bg-elevated p-4 rounded-lg shadow-lg">shadow-lg</div>
<div class="bg-elevated p-4 rounded-lg shadow-glow">shadow-glow</div>
</div>