Simple layout

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

Required structure:
Elements marked with * are required

• .layout-simple *
  • > header:first-of-type
  • > main:only-of-type
  • > aside:nth-of-type(1), > aside:nth-of-type(2)
    • > nav:only-child
      • > ul
  • > footer:last-of-type

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).