Source: dist/css/acc_uc.css, line 6305
6.4.3 Flex
Structure Objects quickly and change the order of the
Example s
Default styling
Auto 1
Shrink 2
Auto 3
.flex_row
the element is the a block- flex_row
Auto 1
Shrink 2
Auto 3
.flex_column
flex_column
Auto 1
Shrink 2
Auto 3
.flex_row-reverse
flex_column-reverse
Auto 1
Shrink 2
Auto 3
.flex_column-reverse
flex_row-reverse
Auto 1
Shrink 2
Auto 3
<div class="flex [modifier class] br_solid br_transparent bg_alert-3 text_center p_3 bg_warning-3">
<div class="bg_primary-5 text_center flex_auto p_3 br_solid br_1 m_2 br_black">Auto 1</div>
<div class="bg_primary-5 text_center flex_shrink p_3 br_solid br_1 m_2 br_black">Shrink 2</div>
<div class="bg_primary-5 text_center flex_auto p_3 br_solid br_1 m_2 br_black">Auto 3</div>
</div>