SVG

Stroke

Utilities for sets the outline color of an SVG.

Variant

Active Checked Child-Selection Dark Mode Disabled Expand First-Last-Selection First-Letter Focus Focus-Visible Focus-Within Fullscreen Group-Focus Group-Hover Hover Landscape Light Mode Portrait Reduce-Motion Responsive Selection-Hover Visited

API

class	css
stroke-current	stroke: currentColor

Usage

Set a SVG image with stroke color overrides by using text-{palettes}-{modifier} utility. (See Text Color).

<svg class="stroke-current text-shade-amber-4">
  ...
</svg>

HTML

svg {
  	@extend
  		.stroke-current,
  		.text-shade-amber-4;
}

SCSS