title: How to generate sizes for all headers using SASS with modular scale
body: <p>I'm looking to create sizes for H1 through H6 using SCSS. This example assumes I've created the variables $base-size and $modular-scale. Specifically:</p>
  
  <pre><code>h6: $base-size * $modular-scale * 1
  h5: $base-size * $modular-scale * 2
  h4: $base-size * $modular-scale * 3
  ...
  h1: $base-size * $modular-scale * 6
  </code></pre>
  
  <p>I can't figure out how to generate each of these classes using a mixin or a function (or whatever appropriate feature for this task).</p>
  
  <p>so far I have:</p>
  
  <pre><code>@mixin make-header-size ($type, $scale) {
    .#{$type} {
      $type * $scale * (...scalar)
    }
  }
  </code></pre>
  
  <p>Not sure how to complete the rest so that I can succinctly generate each of these sizes.</p>