Skip to main content

Shadow

Add box shadows

Overview #

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

Examples #


<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