Variable Gradients
Gradients
The gradient palette is based on the present color variables:
:root { --gradient-primary: linear-gradient(var(--color-primary), var(--color-primary-light)); --gradient-secondary: linear-gradient(var(--color-secondary), var(--color-secondary-dark)); --gradient-tertiary: linear-gradient(var(--color-tertiary-light), var(--color-tertiary-dark)); }
Abstracts
Abstract gradient variables contain a light or dark suffix extension:
:root { --gradient-primary-light: linear-gradient(var(--color-primary), var(--color-primary) l(70%)); --gradient-primary-dark: linear-gradient(var(--color-primary), var(--color-primary) l(30%)); }Edit on GitHub