Shadow

Add box shadows

Overview #

Use the shadow utilities to add a box shadow to an element.

Examples #

Choose an example

<div class="rvt-shadow-subtle rvt-p-all-md rvt-m-bottom-lg">
  <span>Subtle shadow</span>
</div>
<div class="rvt-shadow rvt-p-all-md rvt-m-bottom-lg">
  <span>Normal shadow</span>
</div>
<div class="rvt-shadow-heavy rvt-p-all-md rvt-m-bottom-lg">
  <span>Heavy shadow</span>
</div>

Usage #

Add box shadows to an element using the following utility classes:

.rvt-shadow
.rvt-shadow-subtle
.rvt-shadow-heavy