Source: dist/css/acc_uc.css, line 15235
2.1.1.1 Hover: Text Color
Hovers can easily be added to change the text color by adding h: in front of the text color utility like h:primary
Example s
Default styling
5
4
3
2
1
0
n1
n2
n3
n4
n5
c_primary
text color modified light to dark
5
4
3
2
1
0
n1
n2
n3
n4
n5
c_shade
text color modified light to dark
5
4
3
2
1
0
n1
n2
n3
n4
n5
c_info
text color modified light to dark
5
4
3
2
1
0
n1
n2
n3
n4
n5
c_highlight
text color success color
5
4
3
2
1
0
n1
n2
n3
n4
n5
c_success
text color modified light to dark
5
4
3
2
1
0
n1
n2
n3
n4
n5
c_warning
text color modified light to dark
5
4
3
2
1
0
n1
n2
n3
n4
n5
c_alert
text color modified light to dark
5
4
3
2
1
0
n1
n2
n3
n4
n5
<div class="flex m_5">
<div class="h:[modifier class]-5 flex_auto font_bold bg_shade-3 font_4 font_accent: text_center br_1 br_solid br_shade-4 p_1">5</div>
<div class="h:[modifier class]-4 flex_auto font_bold bg_shade-3 font_4 font_accent: text_center br_1 br_solid br_shade-4 p_1">4</div>
<div class="h:[modifier class]-3 flex_auto font_bold bg_shade-3 font_4 font_accent: text_center br_1 br_solid br_shade-4 p_1">3</div>
<div class="h:[modifier class]-2 flex_auto font_bold bg_shade-3 font_4 font_accent: text_center br_1 br_solid br_shade-4 p_1">2</div>
<div class="h:[modifier class]-1 flex_auto font_bold bg_shade-3 font_4 font_accent: text_center br_1 br_solid br_shade-4 p_1">1</div>
<div class="h:[modifier class]-0 flex_auto font_bold bg_shade-3 font_4 font_accent: text_center br_1 br_solid br_shade-4 p_1">0</div>
<div class="h:[modifier class]-n1 flex_auto font_bold bg_shade-3 font_4 font_accent: text_center br_1 br_solid br_shade-4 p_1 ">n1</div>
<div class="h:[modifier class]-n2 flex_auto font_bold bg_shade-3 font_4 font_accent: text_center br_1 br_solid br_shade-4 p_1 ">n2</div>
<div class="h:[modifier class]-n3 flex_auto font_bold bg_shade-3 font_4 font_accent: text_center br_1 br_solid br_shade-4 p_1 ">n3</div>
<div class="h:[modifier class]-n4 flex_auto font_bold bg_shade-3 font_4 font_accent: text_center br_1 br_solid br_shade-4 p_1 ">n4</div>
<div class="h:[modifier class]-n5 flex_auto font_bold bg_shade-3 font_4 font_accent: text_center br_1 br_solid br_shade-4 p_1 ">n5</div>
</div>