Help:Coloring text: Difference between revisions
From Proteopedia
Jump to navigationJump to search
Eric Martz (talk | contribs) |
Eric Martz (talk | contribs) |
||
| Line 45: | Line 45: | ||
Class colors work for both dark and light colors. Use <span class="bg-warning text-white"> like this </span> that looks <span class="bg-warning text-white"> like this</span>. This method works in all contexts but is limited to the pre-set color below. | Class colors work for both dark and light colors. Use <span class="bg-warning text-white"> like this </span> that looks <span class="bg-warning text-white"> like this</span>. This method works in all contexts but is limited to the pre-set color below. | ||
Here is the main set of class colors available in Proteopedia. You will use each class combined with '''text-''' to color a text, or '''bg-''' for the background. | |||
* <span class="bg-black"> </span> black | * <span class="bg-black"> </span> black | ||
| Line 81: | Line 68: | ||
* <span class="bg-yellowgreen"> </span> yellowgreen | * <span class="bg-yellowgreen"> </span> yellowgreen | ||
* <span class="bg-white"> </span> white | * <span class="bg-white"> </span> white | ||
Another set of classes is | |||
<span class="bg-primary text-white"> primary </span>, | |||
<span class="bg-secondary text-white"> secondary </span>, | |||
<span class="bg-success text-white"> success </span>, | |||
<span class="bg-info text-white"> info </span>, | |||
<span class="bg-warning text-white"> warning </span>, | |||
<span class="bg-danger text-white"> danger </span>, | |||
<span class="bg-light text-dark"> light </span>, | |||
<span class="bg-dark text-white"> dark </span> | |||
and | |||
<span class="bg-white text-dark"> white </span>. | |||
==Style Color Spans== | ==Style Color Spans== | ||
