Opacity
Utility classes for changing an element's opacity.
Usage
Use d-o{n} to change the opacity of your element.
<div class="d-o100">...</div>
<div class="d-o75">...</div>
<div class="d-o50">...</div>
<div class="d-o25">...</div>
<div class="d-o0">...</div>
Hover
Use h:d-o{n} to change an element's :hover state opacity.
<dt-button kind="unstyled" class="h:d-o50">...</dt-button>
Focus
Use f:d-o{n} to change an element's :focus and :focus-within state opacity.
<dt-button kind="unstyled" class="f:d-o50">...</dt-button>
Focus Visible
Use fv:d-o{n} to change an element's :focus-visible state opacity [only when focused by keyboard].
<dt-button kind="unstyled" class="fv:d-o50">...</dt-button>