Shadow

Applies a box-shadow to the element based on the specified level. Higher levels correspond to more pronounced shadows.

Box Shadow

Usage

/* Format */
.u-shadow--{number} {}

/* Examples & modifiers */
Modifier Values Description
1, 2, 3, 4, 5 Applies a box-shadow to the element based on the specified level. Higher levels correspond to more pronounced shadows.

Examples

.u-shadow--1
.u-shadow--2
.u-shadow--3
.u-shadow--4
.u-shadow--5