Sidebars

<div class="sidebar">
  <div>
    <div>Content</div>
    <div>Content</div>
  </div>
</div>

Template

@mixin sidebarVariables
/*  1. side ................. */  var(--sidebar-side),
/*  2. v spacing ............ */  var(--sidebar-v-spacing),
/*  3. h spacing ............ */  var(--sidebar-h-spacing),
/*  4. content min width (%). */  var(--sidebar-content-min-width),
/*  5. sidebar width ........ */  var(--sidebar-sidebar-width), /* notset = use content width */
/*  6. padding top .......... */  var(--sidebar-padding-top),
/*  7. padding bottom ....... */  var(--sidebar-padding-bottom),
/*  8. padding left ......... */  var(--sidebar-padding-left),
/*  9. padding right ........ */  var(--sidebar-padding-right);

@mixin sidebarSelectors
/*  1. container ............ */  .sidebar;