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.

1
2
3
4
5
<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>