Off-canvas

Content positioned outside of the viewport that slide in when active.

Usage


  <div class="off-canvas">
    <div class="off-canvas__aside off-canvas-left">
      ....
    </div>
    <div class="off-canvas__aside off-canvas-right">
      ...
    </div>
    <div class="off-canvas__content">
      ...
    </div>
  </div>


  data-module="Toggle" data-options="{"target": ".off-canvas", "activeClass": "is-open-left"}"

  data-module="Toggle" data-options="{"target": ".off-canvas", "activeClass": "is-open-right"}"