title: Would it be possible to shorten or rewrite a code like this in SCSS?
body: <p>I know this may sound silly but it would be possible to shorten or rewrite a code like this in SCSS or should I just leave it as is?</p>
  <pre><code>h1,
  h2,
  h3,
  h4 {
    letter-spacing: .02em;
    color: $heading-color;
  }
  
  h1 {
    margin: .5em 0;
    font-size: 2.6rem;
  }
  
  h2 {
    margin: 1em 0;
    font-size: 2.4rem;
  }
  
  h3 {
    margin: 1.2em 0;
    font-size: 1.8rem;
  }
  
  h4 {
    margin: 1.6em 0;
    font-size: 1.4rem;
  }
  </code></pre>