title: CSS SASS if else if statement
body: <p>Is it possible to use an else if in SASS?</p>
  
  <p>Like this:</p>
  
  <pre><code>if(1+1 = 1) {
  
  } else if(2+1=4) {
  
  } else {
  
  }
  </code></pre>
  
  <p>I have the following and it doesn't work:</p>
  
  <pre><code>$color: "blue", "green", "orange", "red", "pink", "grey", "black"
  
  @for $i from 1 through length($color)
    .color-#{ nth($color, $i) }
      @if nth($color, $i) == "pink" or "grey"
        color: #f00
      @else if nth($color, $i) == "black"
        color: #0f0
      @else if nth($color, $i) == "orange"
        color: #000
      @else
        color: #fff
  </code></pre>