What this Bootstrap Utility API class does
Set the opacity property of elements.
Example usage & available classes
<div class="opacity-100">...</div>
<div class="opacity-75">...</div>
<div class="opacity-50">...</div>
<div class="opacity-25">...</div>
Example override
In the example override below, we are adding the additional value of "30", which will give you the additional class .opacity-30
with an opacity level of 30%.
"opacity": map-merge(
map-get($utilities, "opacity"),
(
values: map-merge(
map-get(map-get($utilities, "opacity"), "values"), (
30: .3
)
)
)
)