Gradients

.gradient-*

Sets a gradient background on the Element

• .gradient-light-grey
• .gradient-green-dark
• .gradient-grey-brown
• .gradient-light-pink
• .gradient-blue-purple
• .gradient-multiples
• .gradient-blue-green
• .gradient-light
• .gradient-grey-orange
• .gradient-sunset
• .gradient-dark
• .gradient-lemon
• .gradient-earth
• .gradient-sky
• .gradient-ocean
• .gradient-horizon
• .gradient-green-blue
• .gradient-purple-blue

Ex:

<div class="gradient-dark h-gradient-lemon">
	...
</div>

.gradient-text

Applies the Gradient as a Text on the Element.

Ex:

<div class="gradient-purple-blue gradient-text">
	...
</div>

.gradient-underline

Applies the Gradient as an Underline on the Element.

Ex:

<div class="gradient-ocean gradient-underline">
	...
</div>