title: Using multiple conditions (AND) in SASS IF statement
body: <p>Using SASS, I would like to have multiple condition in IF statement </p>
  
  <p><strong>What I use right now :</strong></p>
  
  <pre><code>@function color-x ($alpha) {
      @if      $accent == red   {@return red($alpha)} 
      @else if $accent == green {@return green($alpha)} 
      @else if $accent == blue  {@return blue($alpha)}
  }
  </code></pre>
  
  <p><strong>My naive (failed) attempt to use multiple conditions :</strong></p>
  
  <pre><code>@function color-x ($alpha) {
      @if      $accent == red   &amp;&amp; theme == light {@return red($alpha)} 
      @else if $accent == green &amp;&amp; theme == light {@return green($alpha)} 
      @else if $accent == blue  &amp;&amp; theme == light {@return blue($alpha)}
  }
  </code></pre>
  
  <p>Is it possible to have multiple conditions?</p>