Source: dist/css/acc_uc.css, line 10669
7.1.5.2 Textures Plus Background Shades
All textures are slightly transparent. You can further shade the background colors to achieve even more flexablity.
Example s
Default styling
n3
n1
1
3
.texture_light.bg_primary
textures are slightly transparent so they can be colored with background-color classess
n3
n1
1
3
.texture_dust.bg_primary
textures are slightly transparent so they can be colored with background-color classess
n3
n1
1
3
.texture_medium.bg_primary
textures are slightly transparent so they can be colored with background-color classess
n3
n1
1
3
.texture_dark.bg_primary
textures are slightly transparent so they can be colored with background-color classess
n3
n1
1
3
.texture_light.bg_warning
textures are slightly transparent so they can be colored with background-color classess
n3
n1
1
3
.texture_medium.bg_warning
textures are slightly transparent so they can be colored with background-color classess
n3
n1
1
3
.texture_dust.bg_warning
textures are slightly transparent so they can be colored with background-color classess
n3
n1
1
3
.texture_dark.bg_warning
textures are slightly transparent so they can be colored with background-color classess
n3
n1
1
3
.texture_cross.bg_warning
textures are slightly transparent so they can be colored with background-color classess
n3
n1
1
3
.texture_disabled.bg_warning
textures are slightly transparent so they can be colored with background-color classess
n3
n1
1
3
<div class="flex">
<div class="[modifier class]-n3 p_3 flex_auto text_center c_white">n3</div>
<div class="[modifier class]-n1 p_3 flex_auto text_center c_white">n1</div>
<div class="[modifier class]-1 p_3 flex_auto text_center c_white">1</div>
<div class="[modifier class]-3 p_3 flex_auto text_center c_white">3</div>
</div>