Columns

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

Template

@mixin columnVariables
/*  1. min width ............ */  var(--column-min-width),
/*  2. v spacing ............ */  var(--column-v-spacing),
/*  3. h spacing ............ */  var(--column-h-spacing),
/*  4. padding top .......... */  var(--column-padding-top),
/*  5. padding bottom ....... */  var(--column-padding-bottom),
/*  6. padding left ......... */  var(--column-padding-left),
/*  7. padding right ........ */  var(--column-padding-right);

@mixin columnSelectors
/*  1. container ............ */  .columns;