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