SVG
Stroke Width
Utilities for sets the outline width of an SVG.
Class
class | css |
---|---|
stroke-0 | stroke-width: 0 |
stroke-1 | stroke-width: 1 |
stroke-2 | stroke-width: 2 |
Usage
Set a SVG image with stroke width.
<!-- Example -->
<svg class="stroke-current stroke-2 ... text-amber-400">
...
</svg>
Customize More
// @file: `src/_plugins.scss`
@include plugin(
(
utility: 'stroke',
//variant: 'responsive',
property: 'stroke-width',
modifier: (
'3': '3',
'4': '4'
...
)
)
)
Variant
Variant | Enabled | Responsive |
---|---|---|
Default | Yes | |
Dark Theme | ||
hover | ||
group-hover | ||
focus | ||
focus-within | ||
active | ||
visited | ||
checked | ||
disabled |