GitHub

Shadow utilities

Shadow utilities are used for adding or removing shadows to elements to give them more depth.

Close Shadow
Far Shadow
Extra Far Shadow
Disabled Shadow
<div class="columns">
    <div class="column col-6 col-xs-12">
        <div class="card p-2 bg-secondary shadow-close">Close Shadow</div>
    </div>
    <div class="column col-6 col-xs-12">
        <div class="card p-2 bg-secondary shadow-far">Far Shadow</div>
    </div>
    <div class="column col-6 col-xs-12">
        <div class="card p-2 bg-secondary shadow-extra-far">Extra Far Shadow</div>
    </div>
    <div class="column col-6 col-xs-12">
        <div class="card p-2 bg-secondary shadow-disabled">Disabled Shadow</div>
    </div>
</div>