Simple layout

Add .layout-simple to an element to enable this layout.

Required structure:
Elements marked with * are required

@media (default)
<header>
<main>
@media (min-width: 960px)
<header>
<aside>
<main>
@media (min-width: 1280px)
<header>
<aside>
<aside>
<main>

The @media (default) will hide aside:nth-of-type(1) on small screens, but it can be made visible again by adding a data-expand attribute. To make it collapsible, use a data-expandable attribute instead. The latter accepts a value to customize the text (e.g. ☰ Menu).