What this Bootstrap Utility API class does
Set the box-shadow property of elements.
You can add or remove box-shadows with the shadow utility.Example usage & available classes
<div class="shadow-none p-3 mb-5 bg-light rounded">No shadow</div>
<div class="shadow-sm p-3 mb-5 bg-body rounded">Small shadow</div>
<div class="shadow p-3 mb-5 bg-body rounded">Regular shadow</div>
<div class="shadow-lg p-3 mb-5 bg-body rounded">Larger shadow</div>
Example override
In the example override below, we are adding the additional class of "shadow-xl" with a value of "0 .5rem .5rem rgba(0,0,0,.075)".
"shadow": map-merge(
map-get($utilities, "shadow"),
(
values: map-merge(
map-get(map-get($utilities, "shadow"), "values"), (
xl: 0 .5rem .5rem rgba(0,0,0,.075)
)
)
)
)