Hover Modifier

Estimated reading: 1 minute 18 views

We can tap into the built-in hover state in CSS using the hover: modi er along with any of the default classes to achieve interactive designs.

				
					// Default responsive classes
 .hover:bg-* {}          
// background color
 .hover:text-{color}-{shade (100-900)} {} // text color
 .hover:font-bold {}     
// font weight
 .hover:border-{color}-{shade (100-900)} // border color