Box shadow

Box shadow atomic classes allow you to change an element's box shadow quickly.

Classes

ClassHover?Focus?Responsive?
.bs-noneYes
.bs-smYes
.bs-mdYes
.bs-lgYes
.bs-xl
.bs-ringYesYes

Examples

<div class="bs-sm">…</div>
<div class="bs-md">…</div>
<div class="bs-lg">…</div>
<div class="bs-xl">…</div>
<div class="bs-ring">…</div>
.bs-sm
.bs-md
.bs-lg
.bs-xl
.bs-ring