Documentation

Learn how to use all of great features that Concise provides.

Type Colors

Nobody constantly wants black text on a white background, do they? Of course not. That's why Concise comes with various classes that can be used to change the color of text.

You can change the $type-colors map in the /helpers/_variables.scss file to adjust any of the base colors or add your own colors. Any color added will automatically have an appropriate .color-* class created for it.

I have given the white text a black background just for the purpose of demonstration.

Preview

Here is some white colored text.

Here is some black colored text.

Here is some gray colored text.

Here is some green colored text.

Here is some blue colored text.

Here is some yellow colored text.

Here is some red colored text.

Code 
<p class="color-white">...</p>
<p class="color-black">...</p>
<p class="color-gray">...</p>
<p class="color-green">...</p>
<p class="color-blue">...</p>
<p class="color-yellow">...</p>
<p class="color-red">...</p>