Source: dist/css/acc_uc.css, line 15636
4.1.1.5.1 Hover: Background Black and White Opacity
black and white overlays can be added to hovers easily by adding h: in front of black or white with the level of opacity needed.
Example s
bg_white
text color modified light to dark
0
1
2
3
4
5
6
7
8
9
default
bg_black
text color modified light to dark
0
1
2
3
4
5
6
7
8
9
default
<div class="flex m_5 bg_primary m_5">
<div class="h:[modifier class]-0 p-y_3 p-x_4 flex_auto font_bold font_2 font_accent: text_center br_1 br_solid br_shade-4">0</div>
<div class="h:[modifier class]-1 p-y_3 p-x_4 flex_auto font_bold font_2 font_accent: text_center br_1 br_solid br_shade-4">1</div>
<div class="h:[modifier class]-2 p-y_3 p-x_4 flex_auto font_bold font_2 font_accent: text_center br_1 br_solid br_shade-4">2</div>
<div class="h:[modifier class]-3 p-y_3 p-x_4 flex_auto font_bold font_2 font_accent: text_center br_1 br_solid br_shade-4">3</div>
<div class="h:[modifier class]-4 p-y_3 p-x_4 flex_auto font_bold font_2 font_accent: text_center br_1 br_solid br_shade-4">4</div>
<div class="h:[modifier class]-5 p-y_3 p-x_4 flex_auto font_bold font_2 font_accent: text_center br_1 br_solid br_shade-4">5</div>
<div class="h:[modifier class]-6 p-y_3 p-x_4 flex_auto font_bold font_2 font_accent: text_center br_1 br_solid br_shade-4 ">6</div>
<div class="h:[modifier class]-7 p-y_3 p-x_4 flex_auto font_bold font_2 font_accent: text_center br_1 br_solid br_shade-4 ">7</div>
<div class="h:[modifier class]-8 p-y_3 p-x_4 flex_auto font_bold font_2 font_accent: text_center br_1 br_solid br_shade-4 ">8</div>
<div class="h:[modifier class]-9 p-y_3 p-x_4 flex_auto font_bold font_2 font_accent: text_center br_1 br_solid br_shade-4 ">9</div>
<div class="h:[modifier class] p-y_3 p-x_4 flex_auto font_bold font_2 font_accent: text_center br_1 br_solid br_shade-4 ">default</div>
</div>