Sections
Current color
Atomic classes allow you to quickly add currentColor to an element’s fill or stroke property.
Classes
Section titled Classes| Class | Output |
|---|---|
.fill-current |
fill: currentColor; |
.stroke-current |
stroke: currentColor; |
Examples
Section titled ExamplesWhen 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-500">…</svg>
<svg class="stroke-current">…</svg>
<svg class="stroke-current fc-orange-500">…</svg>