Shadows
Gera sombra com níveis de 1 a 5.
Como usar:
@include shadow(1);
Caso precise forçar o !important
para sobreescrever uma sombra já definida:
@include shadow(1, !important);
Gera sombra com níveis de 1 a 5.
Como usar:
@include shadow(1);
Caso precise forçar o !important
para sobreescrever uma sombra já definida:
@include shadow(1, !important);
<div class="row">
<div class="col-md-3">
<div class="card shadow-1 m-2" style="height: 100px; text-align: center; line-height: 100px">
.shadow-1
</div>
</div>
<div class="col-md-3">
<div class="card shadow-2 m-2" style="height: 100px; text-align: center; line-height: 100px">
.shadow-2
</div>
</div>
<div class="col-md-3">
<div class="card shadow-3 m-2" style="height: 100px; text-align: center; line-height: 100px">
.shadow-3
</div>
</div>
<div class="col-md-3">
<div class="card shadow-4 m-2" style="height: 100px; text-align: center; line-height: 100px">
.shadow-4
</div>
</div>
<div class="col-md-3">
<div class="card shadow-5 m-2" style="height: 100px; text-align: center; line-height: 100px">
.shadow-5
</div>
</div>
</div>