Shadow

Los shadow es una clase utilitaria para ser usada en vistas y creación de componentes, la difuminación de la sombra y la zona a abarcar depende del numero del shadow, mientras más bajo menor es la difuminación.

Demostración

Shadow none

Shadow small

Shadow medium

Shadow large

Shadow x-large

  <div class="shadow-0">Shadow none</div>
  <div class="shadow-1">Shadow small</div>
  <div class="shadow-2">Shadow medium</div>
  <div class="shadow-3">Shadow large</div>
  <div class="shadow-4">Shadow x-large</div>