Texts
Basic Colors
.text-primary.text-secondary.text-success.text-warning.text-danger.text-info.text-light.text-dark
<!-- Text primary -->
<span class="text-primary d-block p-2 mb-2">.text-primary</span>
<!-- Text secondary -->
<span class="text-secondary d-block p-2 mb-2">.text-secondary</span>
<!-- Text success -->
<span class="text-success d-block p-2 mb-2">.text-success</span>
<!-- Text warning -->
<span class="text-warning d-block p-2 mb-2">.text-warning</span>
<!-- Text danger -->
<span class="text-danger d-block p-2 mb-2">.text-danger</span>
<!-- Text info -->
<span class="text-info d-block p-2 mb-2">.text-info</span>
<!-- Text light -->
<span class="text-light bg-gray-500 d-block p-2 mb-2">.text-light</span>
<!-- Text dark -->
<span class="text-dark d-block p-2">.text-dark</span>
Gray Colors
.text-gray-100.text-gray-200.text-gray-300.text-gray-400.text-gray-500.text-gray-600.text-gray-700.text-gray-800.text-gray-900
<!-- Gray 100 -->
<span class="text-gray-100 d-block p-2 mb-2">.text-gray-100</span>
<!-- Gray 200 -->
<span class="text-gray-200 d-block p-2 mb-2">.text-gray-200</span>
<!-- Gray 300 -->
<span class="text-gray-300 d-block p-2 mb-2">.text-gray-300</span>
<!-- Gray 400 -->
<span class="text-gray-400 d-block p-2 mb-2">.text-gray-400</span>
<!-- Gray 500 -->
<span class="text-gray-500 d-block p-2 mb-2">.text-gray-500</span>
<!-- Gray 600 -->
<span class="text-gray-600 d-block p-2 mb-2">.text-gray-600</span>
<!-- Gray 700 -->
<span class="text-gray-700 d-block p-2 mb-2">.text-gray-700</span>
<!-- Gray 800 -->
<span class="text-gray-800 d-block p-2 mb-2">.text-gray-800</span>
<!-- Gray 900 -->
<span class="text-gray-900 d-block p-2">.text-gray-900</span>
University Colors
.text-blue.text-aqua.text-fk.text-fkg.text-fp.text-fhik.text-fhbd.text-ftrc
<!-- Text blue -->
<span class="text-blue d-block p-2 mb-2">.text-blue</span>
<!-- Text aqua -->
<span class="text-aqua d-block p-2 mb-2">.text-aqua</span>
<!-- Text fk -->
<span class="text-fk d-block p-2 mb-2">.text-fk</span>
<!-- Text fkg -->
<span class="text-fkg d-block p-2 mb-2">.text-fkg</span>
<!-- Text fp -->
<span class="text-fp d-block p-2 mb-2">.text-fp</span>
<!-- Text fhik -->
<span class="text-fhik d-block p-2 mb-2">.text-fhik</span>
<!-- Text fhbd -->
<span class="text-fhbd d-block p-2 mb-2">.text-fhbd</span>
<!-- Text ftrc -->
<span class="text-ftrc d-block p-2">.text-ftrc</span>
Hover Colors
.text-hover-primary.text-hover-secondary.text-hover-success.text-hover-warning.text-hover-danger.text-hover-info.text-hover-light.text-hover-dark
<!-- Hover primary -->
<span class="text-hover-primary d-block p-2 mb-2">.text-hover-primary</span>
<!-- Hover secondary -->
<span class="text-hover-secondary d-block p-2 mb-2">.text-hover-secondary</span>
<!-- Hover success -->
<span class="text-hover-success d-block p-2 mb-2">.text-hover-success</span>
<!-- Hover warning -->
<span class="text-hover-warning d-block p-2 mb-2">.text-hover-warning</span>
<!-- Hover danger -->
<span class="text-hover-danger d-block p-2 mb-2">.text-hover-danger</span>
<!-- Hover info -->
<span class="text-hover-info d-block p-2 mb-2">.text-hover-info</span>
<!-- Hover light -->
<span class="text-hover-light d-block p-2 mb-2">.text-hover-light</span>
<!-- Hover dark -->
<span class="text-hover-dark d-block p-2">.text-hover-dark</span>
Hover University Colors
.text-hover-blue.text-hover-aqua.text-hover-fk.text-hover-fkg.text-hover-fp.text-hover-fhik.text-hover-fhbd.text-hover-ftrc
<!-- Hover blue -->
<span class="text-hover-blue d-block p-2 mb-2">.text-hover-blue</span>
<!-- Hover aqua -->
<span class="text-hover-aqua d-block p-2 mb-2">.text-hover-aqua</span>
<!-- Hover fk -->
<span class="text-hover-fk d-block p-2 mb-2">.text-hover-fk</span>
<!-- Hover fkg -->
<span class="text-hover-fkg d-block p-2 mb-2">.text-hover-fkg</span>
<!-- Hover fp -->
<span class="text-hover-fp d-block p-2 mb-2">.text-hover-fp</span>
<!-- Hover fhik -->
<span class="text-hover-fhik d-block p-2 mb-2">.text-hover-fhik</span>
<!-- Hover fhbd -->
<span class="text-hover-fhbd d-block p-2 mb-2">.text-hover-fhbd</span>
<!-- Hover ftrc -->
<span class="text-hover-ftrc d-block p-2">.text-hover-ftrc</span>