title: Using if statement on css selectors - SASS
body: <p>I am working on a stylesheet for a multisite.</p>
  
  <p>I have to declare a font-size in one variable, and the variable would change depending on the selectors. Eg:</p>
  
  <pre><code>$newfont : 10px;
  </code></pre>
  
  <p>i am attempting this which of course is not working:</p>
  
  <pre><code>@if ( #header ) {
      $newfont: 30px;
  }@ else if ( #footer ) {
      $newfont: 25px;
  }
  </code></pre>
  
  <p>Can someone please point out what i am doing wrong?</p>