Source: dist/css/acc_uc.css, line 1477
1.1.2.1 Font Color: Black & White
black and white fonts can be modified to have levels of transparency between 0-9.
Example s
.c_white
text that's white
c_white
a b c d e f g h i j k l m n o p q r s t u v w x y z
a b c d e f g h i j k l m n o p q r s t u v w x y z
c_white-0
a b c d e f g h i j k l m n o p q r s t u v w x y z
a b c d e f g h i j k l m n o p q r s t u v w x y z
c_white-1
a b c d e f g h i j k l m n o p q r s t u v w x y z
a b c d e f g h i j k l m n o p q r s t u v w x y z
c_white-2
a b c d e f g h i j k l m n o p q r s t u v w x y z
a b c d e f g h i j k l m n o p q r s t u v w x y z
c_white-3
a b c d e f g h i j k l m n o p q r s t u v w x y z
a b c d e f g h i j k l m n o p q r s t u v w x y z
c_white-4
a b c d e f g h i j k l m n o p q r s t u v w x y z
a b c d e f g h i j k l m n o p q r s t u v w x y z
c_white-5
a b c d e f g h i j k l m n o p q r s t u v w x y z
a b c d e f g h i j k l m n o p q r s t u v w x y z
c_white-6
a b c d e f g h i j k l m n o p q r s t u v w x y z
a b c d e f g h i j k l m n o p q r s t u v w x y z
c_white-7
a b c d e f g h i j k l m n o p q r s t u v w x y z
a b c d e f g h i j k l m n o p q r s t u v w x y z
c_white-8
a b c d e f g h i j k l m n o p q r s t u v w x y z
a b c d e f g h i j k l m n o p q r s t u v w x y z
c_white-9
a b c d e f g h i j k l m n o p q r s t u v w x y z
a b c d e f g h i j k l m n o p q r s t u v w x y z
.c_black
text that's black
c_black
a b c d e f g h i j k l m n o p q r s t u v w x y z
a b c d e f g h i j k l m n o p q r s t u v w x y z
c_black-0
a b c d e f g h i j k l m n o p q r s t u v w x y z
a b c d e f g h i j k l m n o p q r s t u v w x y z
c_black-1
a b c d e f g h i j k l m n o p q r s t u v w x y z
a b c d e f g h i j k l m n o p q r s t u v w x y z
c_black-2
a b c d e f g h i j k l m n o p q r s t u v w x y z
a b c d e f g h i j k l m n o p q r s t u v w x y z
c_black-3
a b c d e f g h i j k l m n o p q r s t u v w x y z
a b c d e f g h i j k l m n o p q r s t u v w x y z
c_black-4
a b c d e f g h i j k l m n o p q r s t u v w x y z
a b c d e f g h i j k l m n o p q r s t u v w x y z
c_black-5
a b c d e f g h i j k l m n o p q r s t u v w x y z
a b c d e f g h i j k l m n o p q r s t u v w x y z
c_black-6
a b c d e f g h i j k l m n o p q r s t u v w x y z
a b c d e f g h i j k l m n o p q r s t u v w x y z
c_black-7
a b c d e f g h i j k l m n o p q r s t u v w x y z
a b c d e f g h i j k l m n o p q r s t u v w x y z
c_black-8
a b c d e f g h i j k l m n o p q r s t u v w x y z
a b c d e f g h i j k l m n o p q r s t u v w x y z
c_black-9
a b c d e f g h i j k l m n o p q r s t u v w x y z
a b c d e f g h i j k l m n o p q r s t u v w x y z
NOTE:
It's important to note that, unlike other text colors, these colors are transparent. If you're aiming for grey, opaque text, you should use the .shade_(n) utility class.<div class="font_normal font_2 bg_primary font_ui">
<div class="[modifier class] p_3">
<div class="font_3 font_bold">[modifier class] </div>
<div class="text-lowercase">a b c d e f g h i j k l m n o p q r s t u v w x y z</div>
<div class="text-uppercase">a b c d e f g h i j k l m n o p q r s t u v w x y z</div>
</div>
<div class="[modifier class]-0 p_3">
<div class="font_3 font_bold">[modifier class]-0 </div>
<div class="text-lowercase">a b c d e f g h i j k l m n o p q r s t u v w x y z</div>
<div class="text-uppercase">a b c d e f g h i j k l m n o p q r s t u v w x y z</div>
</div>
<div class="[modifier class]-1 p_3">
<div class="font_3 font_bold">[modifier class]-1 </div>
<div class="text-lowercase">a b c d e f g h i j k l m n o p q r s t u v w x y z</div>
<div class="text-uppercase">a b c d e f g h i j k l m n o p q r s t u v w x y z</div>
</div>
<div class="[modifier class]-2 p_3">
<div class="font_3 font_bold">[modifier class]-2 </div>
<div class="text-lowercase">a b c d e f g h i j k l m n o p q r s t u v w x y z</div>
<div class="text-uppercase">a b c d e f g h i j k l m n o p q r s t u v w x y z</div>
</div>
<div class="[modifier class]-3 p_3">
<div class="font_3 font_bold">[modifier class]-3 </div>
<div class="text-lowercase">a b c d e f g h i j k l m n o p q r s t u v w x y z</div>
<div class="text-uppercase">a b c d e f g h i j k l m n o p q r s t u v w x y z</div>
</div>
<div class="[modifier class]-4 p_3">
<div class="font_3 font_bold">[modifier class]-4 </div>
<div class="text-lowercase">a b c d e f g h i j k l m n o p q r s t u v w x y z</div>
<div class="text-uppercase">a b c d e f g h i j k l m n o p q r s t u v w x y z</div>
</div>
<div class="[modifier class]-5 p_3">
<div class="font_3 font_bold">[modifier class]-5 </div>
<div class="text-lowercase">a b c d e f g h i j k l m n o p q r s t u v w x y z</div>
<div class="text-uppercase">a b c d e f g h i j k l m n o p q r s t u v w x y z</div>
</div>
<div class="[modifier class]-9 p_3">
<div class="font_3 font_bold">[modifier class]-6 </div>
<div class="text-lowercase">a b c d e f g h i j k l m n o p q r s t u v w x y z</div>
<div class="text-uppercase">a b c d e f g h i j k l m n o p q r s t u v w x y z</div>
</div>
<div class="[modifier class]-7 p_3">
<div class="font_3 font_bold">[modifier class]-7 </div>
<div class="text-lowercase">a b c d e f g h i j k l m n o p q r s t u v w x y z</div>
<div class="text-uppercase">a b c d e f g h i j k l m n o p q r s t u v w x y z</div>
</div>
<div class="[modifier class]-8 p_3">
<div class="font_3 font_bold">[modifier class]-8 </div>
<div class="text-lowercase">a b c d e f g h i j k l m n o p q r s t u v w x y z</div>
<div class="text-uppercase">a b c d e f g h i j k l m n o p q r s t u v w x y z</div>
</div>
<div class="[modifier class]-9 p_3">
<div class="font_3 font_bold">[modifier class]-9 </div>
<div class="text-lowercase">a b c d e f g h i j k l m n o p q r s t u v w x y z</div>
<div class="text-uppercase">a b c d e f g h i j k l m n o p q r s t u v w x y z</div>
</div>
</div>