Text Colors

SKY UX uses the Bootstrap convention for contextual text colors, but it only uses three sub-classes to convey the status of text contents.

Success text
Usage

Success text conveys a good result such as an appeal donation total that exceeds the goal. It should only highlight exceptional data to maximize its visual and informational impact. If you use too much success text, it carries less weight.

Code
<span class="text-success">Success text</span>
Warning text
Usage

Warning text conveys that something is wrong but does not require immediate action. For example, warning text can highlight the due date of a bill that needs to be paid within the next week.

Code
<span class="text-warning">Warning text</span>
Danger text
Usage

Danger text conveys that something is wrong and requires immediate action. For example, danger text can highlight a bill that is past due and must be paid immediately to avoid late fees. Danger text should accompany other ways to inform users that something requires attention, such as to-do lists.

Code
<span class="text-danger">Danger text</span>