Shadows

<div class="shadow-1dp bg-card d-inline-block px-xl py-md m-xs rounded"></div>
<div class="shadow-2dp bg-card d-inline-block px-xl py-md m-xs rounded"></div>
<div class="shadow-3dp bg-card d-inline-block px-xl py-md m-xs rounded"></div>
<div class="shadow-4dp bg-card d-inline-block px-xl py-md m-xs rounded"></div>
<div class="shadow-6dp bg-card d-inline-block px-xl py-md m-xs rounded"></div>
<div class="shadow-8dp bg-card d-inline-block px-xl py-md m-xs rounded"></div>
<div class="shadow-16dp bg-card d-inline-block px-xl py-md m-xs rounded"></div>
<div class="shadow-24dp bg-card d-inline-block px-xl py-md m-xs rounded"></div>
<div class="shadow-button bg-card d-inline-block px-xl py-md m-xs rounded"></div>
<div class="shadow-button-hover bg-card d-inline-block px-xl py-md m-xs rounded"></div>

Color Shadows

<div class="shadow-1dp-primary bg-card d-inline-block px-xl py-md m-xs rounded"></div>
<div class="shadow-2dp-secondary bg-card d-inline-block px-xl py-md m-xs rounded"></div>
<div class="shadow-3dp-warning bg-card d-inline-block px-xl py-md m-xs rounded"></div>
<div class="shadow-4dp-success bg-card d-inline-block px-xl py-md m-xs rounded"></div>
<div class="shadow-6dp-danger bg-card d-inline-block px-xl py-md m-xs rounded"></div>
<div class="shadow-8dp-info bg-card d-inline-block px-xl py-md m-xs rounded"></div>
<div class="shadow-16dp-light bg-card d-inline-block px-xl py-md m-xs rounded"></div>
<div class="shadow-24dp-dark bg-card d-inline-block px-xl py-md m-xs rounded"></div>