Hover Utilities
General effects
| Class Name | Responsive Classes | Description |
|---|---|---|
u-hoverDim |
none | Dim element on hover. |
u-hoverGlow |
none | Animate opacity to 100% on hover. |
u-hoverGrow, u-hoverGrowLarge |
none | Scale an element up on hover. |
u-hoverShadow1 u-hoverShadow2 u-hoverShadow3 u-hoverShadow4 u-hoverShadow5
|
none | Add a shadow on hover. |
Border colors
| Class Name | Responsive Classes | Description |
|---|---|---|
u-hoverBorderPrimary |
none | Make border color the brand primary on hover. |
u-hoverBorderPrimaryLight |
none | Make border color the brand primary light on hover. |
u-hoverBorderPrimaryDark |
none | Make border color the brand primary dark on hover. |
u-hoverBorderGray |
none | Make border color gray on hover. |
u-hoverBorderGrayLightest |
none | Make border color gray lightest on hover. |
u-hoverBorderGrayLighter |
none | Make border color gray lighter on hover. |
u-hoverBorderGrayLight |
none | Make border color gray light on hover. |
u-hoverBorderGrayDark |
none | Make border color gray dark on hover. |
u-hoverBorderGrayDarker |
none | Make border color gray darker on hover. |
u-hoverBorderGrayDarkest |
none | Make border color gray darkest on hover. |
u-hoverBorderBlackish |
none | Make border color blackish on hover. |