@stripe
Hard-edged color stops for a gradient. @stripe(red, blue) is red 0 50%, blue 0 100%.
Syntax
- @stripe(<color> [<size>], ...)
- color
- A color, or anything a gradient accepts as a stop color.
- size
- An optional width for that stripe. Stripes without a size share the remaining space equally.
@stripes is an alias.
Examples
@grid: 5 / 60vmin _1px;
background: linear-gradient(
@r(360deg),
@stripe(#000, #e6437d, #ebbf4d)
);@grid: 1 / 60vmin;
border-radius: 50%;
background: conic-gradient(
@stripe(#000 10%, #e6437d 20%, #ebbf4d 30%, #321f35)
);