Covers

<div class="cover">
  <div>Header</div>
  <div class="cover_content">Content</div>
  <div>Footer</div>
</div>

Template

@mixin coverVariables
/*  1. min height ........... */  var(--cover-min-height),
/*  2. v spacing ............ */  var(--cover-v-spacing),
/*  3. padding top .......... */  var(--cover-padding-top),
/*  4. padding bottom ....... */  var(--cover-padding-bottom),
/*  5. padding left ......... */  var(--cover-padding-left),
/*  6. padding right ........ */  var(--cover-padding-right);

@mixin coverSelectors
/*  1. container ............ */  .cover,
/*  2. centered ............. */  .cover_content;