OktoStrap

OktoStrap

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);
.shadow-1
.shadow-2
.shadow-3
.shadow-4
.shadow-5
<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>