Hover
Examples for hover states.
Reading requirement
Please read the following page first: Utility Configuration.
Text Hover Effects
Use h:c-{color} to change the text color on hover.
Hover over me to see me turn blue
Hover over me to see me turn white
Background Hover Effects
Use h:bg-{color} to change the background color on hover.
Hover over me to change background color
Hover over me to change background color
Custom hover effects
In 5-components/_custom-hover.scss you can create your own hover effects.
Icon Hover Effects
Use h:move-icon-right and h:move-icon-left to change the position of an icon on hover.
Image Scale Effect
Use h:scale-image to scale an image on hover.
