Syntax
fill
Setting the color of an SVG shape.
Overview
| Class | Declarations |
|---|---|
fill:<color> | fill: <color>;
|
fill:current | fill: currentColor;
|
fill:transparent | fill: transparent;
|
fill:#`hex` | fill: #`hex`;
|
fill:rgb(`rgb`) | fill: rgb(`rgb`);
|
fill:hsl(`hsl`) | fill: hsl(`hsl`);
|
Apply conditionally
Apply styles based on different states using selectors and conditional queries.
<div class="fill:blue-60:hover fill:blue-60@sm fill:blue-60@dark fill:blue-60@print">…</div>