1.1 KiB

extends title
_layouts.markdown Shadows

Shadows

Usage

Box shadows can be applied using the shadow utilities. By default these are a linear scale, where the lower values represent smaller (shallow) shadows, and higher values represent bigger (deeper) shadows.

.shadow-inner
.shadow-1
.shadow-2
.shadow-3
.shadow-4
.shadow-5
<div class="shadow-inner"></div>
<div class="shadow-1"></div>
<div class="shadow-2"></div>
<div class="shadow-3"></div>
<div class="shadow-4"></div>
<div class="shadow-5"></div>

Responsive

Customizing