Skip to main content

Current color

Atomic classes allow you to quickly add currentColor to an element’s fill or stroke property.

Class Output
.fill-current fill: currentColor;
.stroke-current stroke: currentColor;

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>
Deploys by Netlify