Repository navigation
The two gradient mixins are replaced by one, gradient, which also draws conic
and repeating gradients and blends in a colour space, and text-gradient takes
the same arguments. Both changes break existing calls and both stop the build,
so nothing fails silently. MIGRATION.md has every old call's new form.
- Added:
gradient, a linear, radial or conic gradient, plain or repeating,
written asbackground-image. The colours come first and everything else has
a default.$insets a colour space, such asoklabor"oklch longer hue",
and the gradient is written once without it first, for a browser that does
not support colour spaces. A direction takes any angle unit,"to top"or
var(). - Added:
gradientValue, the same gradient as a value, to layer it with an
image in onebackground-imageor use it as amask-imageor
border-image. - Removed:
linear-gradientandradial-gradient. Every call to them has a
gradientcall that writes the same gradient; the property is now
background-imageinstead of thebackgroundshorthand, which also reset
any background colour set before it. - Updated:
text-gradienttakes the colours first, then every argument
gradienttakes, so text can carry a radial, conic or repeating gradient and
blend in a colour space. A call in the old order stops the build and shows the
new form. Its output for the same arguments is unchanged. - Updated:
text-gradient's$directionandbackground-image's
$filter-directionaccept any angle unit,"to top",var()andcalc(). - Updated: a gradient with a single colour warns in
gradient,
gradientValueandtext-gradient, since browsers before Chrome 135,
Firefox 136 and Safari 18.4 drop it.
Migration guide: https://github.com/selfishprimate/gerillass/blob/main/MIGRATION.md
Full Changelog: v2.3.1...v3.0.0