Current color
Atomic classes allow you to quickly add currentColor to an element's fill or stroke property.
Classes
| Class | Output |
|---|---|
.fill-current | fill: currentColor; |
.stroke-current | stroke: currentColor; |
Examples
When applied to an SVG, applying currentColor to the fill or stroke property allows you to inherit the parent element’s text color or the text color applied to the element itself.
<svg class="fill-current">…</svg>
<svg class="fill-current fc-orange-400">…</svg>
<svg class="stroke-current">…</svg>
<svg class="stroke-current fc-orange-400">…</svg>