Basic Hover Styles

Typically these classes should be used in span tags that wrap the content. This allows lines to wrap text as needed.

Span class: u-hover-drawline

Draw Underline

Span class: u-hover-drawline--thin

Draw Underline Thin

Parent class: u-hover-drawline--parent, child class: u-hover-drawline--child

Lorem ipsum dolor

set emet

Draw Underline on Parent hover

Parent class: u-hover-drawline--parent--thin, child class: u-hover-drawline--child

Lorem ipsum dolor

set emet

Draw Underline on Parent hover

Span class: u-hover-drawline--reverse

Remove Underline

Image Hover Styles

Elements that wrap images need to be set to overflow: hidden

Parent class: u-hover-grow-image