Borders

Dissect Opacity v1.0.8

Utilities for sets opacity to bottom border on each child elements of its parent.


Class

classcss
dissect-opacity-0--dissect-opacity: 0
dissect-opacity-25--dissect-opacity: .25
dissect-opacity-50--dissect-opacity: .5
dissect-opacity-75--dissect-opacity: .75
dissect-opacity-100--dissect-opacity: 1
Note: Utility customizing is unavailable.

Usage

Set dissect-x-{value} and dissect-y-{value} borders with color opacity to 50%.

123
<!-- Example -->
<y class="dissect-y-4 dissect-amber-400 dissect-opacity-50">
<y>1</y>
<y>2</y>
<y>3</y>
</y>

Set dissect-x-{value} and dissect-y-{value} borders with color opacity to 25%.

123
<!-- Example -->
<y class="dissect-y-4 dissect-amber-400 dissect-opacity-25">
<y>1</y>
<y>2</y>
<y>3</y>
</y>

Variant

VariantEnabledResponsive
DefaultYes
Dark Theme
hoverYes
group-hover
focus
focus-within
active
visited
checked
disabled