Shadow - Campo UI

Material UI

Shadow

Format:

.shadow-{0..5}

Example:

shadow-0

shadow-1

shadow-2

shadow-3

shadow-4

shadow-5

<div class="display-flex flex-direction-column gap-3">
  <div class="background-surface padding-3 shadow-0" style="height: 100px; width: 200px;">
    shadow-0
  </div>
  <div class="background-surface padding-3 shadow-1" style="height: 100px; width: 200px;">
    shadow-1
  </div>
  <div class="background-surface padding-3 shadow-2" style="height: 100px; width: 200px;">
    shadow-2
  </div>
  <div class="background-surface padding-3 shadow-3" style="height: 100px; width: 200px;">
    shadow-3
  </div>
  <div class="background-surface padding-3 shadow-4" style="height: 100px; width: 200px;">
    shadow-4
  </div>
  <div class="background-surface padding-3 shadow-5" style="height: 100px; width: 200px;">
    shadow-5
  </div>
</div>