Menu

Primary: _prm

Secondary: _scn

<div class="expand bg_scn ">
    <input type="checkbox" id="mn_x_bt" />
    <label for="mn_x_bt">☰</label>
    <div class="mn_x mn_scn ">
<ul>
    ...
</ul>
</div>

Standard: _stn

<div class="expand bg_stn ">
    <input type="checkbox" id="mn_x_bt" />
    <label for="mn_x_bt">☰</label>
    <div class="mn_x mn_stn ">
<ul>
    ...
</ul>
</div>

Light: _lgt

<div class="expand bg_lgt ">
    <input type="checkbox" id="mn_x_bt" />
    <label for="mn_x_bt">☰</label>
    <div class="mn_x mn_lgt ">
<ul>
    ...
</ul>
</div>

Sidebar Primary

lorem ipsum dolor sit amet, consectetur adipiscing elit. pellentesque dolor mauris, laoreet ac convallis non, mattis eget tellus. praesent vitae lobortis orci. interdum et malesuada fames ac ante ipsum primis

Sidebar Secondary

lorem ipsum dolor sit amet, consectetur adipiscing elit. pellentesque dolor mauris, laoreet ac convallis non, mattis eget tellus. praesent vitae lobortis orci. interdum et malesuada fames ac ante ipsum primis
<ul class="mn_y mn_scn">
     ...
</ul>

Sidebar Standard

lorem ipsum dolor sit amet, consectetur adipiscing elit. pellentesque dolor mauris, laoreet ac convallis non, mattis eget tellus. praesent vitae lobortis orci. interdum et malesuada fames ac ante ipsum primis
<ul class="mn_y mn_stn">
     ...
</ul>

Sidebar Light

lorem ipsum dolor sit amet, consectetur adipiscing elit. pellentesque dolor mauris, laoreet ac convallis non, mattis eget tellus. praesent vitae lobortis orci. interdum et malesuada fames ac ante ipsum primis
<ul class="mn_y mn_lgt">
     ...
</ul>