Hoverable
←Like above, but this time the color boxes will become darker when the mouse pointer is :hover or the element is in :focus.
Syntax:
.bg-{state}-{level}-h
.bg-main-1-h
.bg-main-2-h
.bg-main-3-h
.bg-main-4-h
.bg-main-5-h
.bg-prime-1-h
.bg-prime-2-h
.bg-prime-3-h
.bg-prime-4-h
.bg-prime-5-h
.bg-warn-1-h
.bg-warn-2-h
.bg-warn-3-h
.bg-warn-4-h
.bg-warn-5-h
.bg-danger-1-h
.bg-danger-2-h
.bg-danger-3-h
.bg-danger-4-h
.bg-danger-5-h
.bg-success-1-h
.bg-success-2-h
.bg-success-3-h
.bg-success-4-h
.bg-success-5-h