Filters
Invert
Utilities for sets filter inverts effect to an element.
Class
class | css |
---|---|
invert-0 | filter: invert(0) |
invert-1 | filter: invert(1.0) |
Usage
<!-- Example -->
<img class="invert-1 ..."
src="...">
<y class="invert-1 ..."
style="background-image:url(...)"></y>
v1.1.1 Set auto dark theme enabled to an element with added (dark)
prefix.
<!-- Example -->
<img class="invert-1 (dark)invert-0 ..."
src="...">
<y class="invert-1 (dark)invert-0 ..."
style="background-image:url(...)"></y>
Variant
Variant | Enabled | Responsive |
---|---|---|
Default | Yes | |
Dark Theme | ||
hover | ||
group-hover | ||
focus | ||
focus-within | ||
active | ||
visited | ||
checked | ||
disabled |