Less Hover Mixin

Glenn Glenn's Blog Leave a Comment

Not redly publicised but ever so simple:-


/* Button*/
.button {
// Normal CSS Classes
 background: @white;
 &:hover {
// adding my own hover state for button
 background: @black;
 }
}

Rather than ‘class:hover’ we use &:hover and then add our css / less below.

About the Author
Less Hover Mixin Less Hover Mixin 0da77002febbfe28d15144a57bbcc2c9 s 180 d mm r g

Glenn

A highly experienced Web Designer / Web Developer (Webflow, WordPress, Weebly & Custom), Front-end / Back-end Developer & New Media Specialist, with extensive knowledge of a wide spectrum of technologies in the Development and Creative Industries, built up over a number of years.