Gradients

Elevate CSS features a compound property for setting gradients:

gradient Property Modifiers

Property	Expected Values	Example
gradient	GradientToken (e.g., fadetoblack)	gradient:fadetoblack

Effects are Token Driven

As with all other effects in Elevate CSS, gradients are considered to be a “design decision” and as such are treated as design system tokens. This means you can override the preset options, bring your own, etc