Source: dist/css/library_boot.css, line 6822
6.2.2 Side Bar Area
This pattern is often used to push the sidebar bellow the main content area.
Example
Default styling
Layout Zone: Sidebar
Layout Zone: Main
<div class="flex flex_row:md flex_column-reverse gap_4 gap_5:lg">
<div class="flex_auto flex_100 max-w_20:lg">
<div class="h_30 c_accent-n4 font_xbold font_3 br_accent bg_accent-5 br_dashed br_1 m_3 p_5 grid items_center justify_center">Layout Zone: Sidebar</div> </div>
<div class="flex_auto flex_100 ">
<div class="h_30 c_accent-n4 font_xbold font_3 br_accent bg_accent-5 br_dashed br_1 m_3 p_5 grid items_center justify_center">Layout Zone: Main</div> </div>
</div>