title: sass variable interpolation in each loop
body: <p>trying to use variable inside each loop. But doesn't seem like working for me</p>
  
  <pre><code>$font-size-40: .5rem;
  $font-size-50: .625rem;
  $font-size-60: .75rem;
  $fonts: 40 50 60;
  
  @each $font in $fonts {
      .font-size-#{$font} {
          font-size: $font-size-#{$font};
      }
  }
  </code></pre>