Control a straight forward color pallette, and all the secondary and tertiary colors will be generated automatically.
un-bc-*un-co-*un-bu-*un-ba-* un-bc-* The colors can be modified in the Control Panel.
By changing the Basic colors variables in Control Panel, all the other variations will be generated automatically.
$color-black:
$color-gray:
$color-white:
$color-alert:
$color-success:
$color-attn:
The following SASS variables in the control panel will control how the Dark, Light and Pale colors will be generated.
$transparent-value
$darken-value
$lighten-value
$pale-value
$color-accent-dark, then changing the multiplier will not have any affect on that. In other words, overriding specific color variables have higher priority than multiplier effect.
The following selectors can be applied to an ellement for controlling the background-color:
un-bg-whiteun-bg-blackun-bg-baseun-bg-accentun-bg-alertun-bg-attnun-bg-successThe following selectors can be applied to an ellement for controlling the text-color:
un-co-whiteun-co-blackun-co-baseun-co-accentun-co-alertun-co-attnun-co-successThe following selectors can be applied to an ellement for controlling the border-color:
un-bc-whiteun-bc-blackun-bc-baseun-bc-accentun-bc-alertun-bc-attnun-bc-success