Gradients

Cerberus provides a set of predefined gradients that can be used in both design and development.

Usage

To apply a gradient in code, just use the gradient utility in any of your style objects.

1
<div className={css({ gradient: 'charon-light' })}>
2
  This is the gradient of Charon Light with auto assigned text colors.
3
</div>

Options