How to generate sizes for all headers using SASS with modular scale
<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>