title: Conditional statements with SCSS
body: <p>Does anyone know if this is possible:</p>
  
  <p>I want my brand colour to be <code>$brand: #00cccc;</code></p>
  
  <p>however, I want to change that on just one page, and that page is defined by a class on it's body.</p>
  
  <pre><code>body class="purple"
  </code></pre>
  
  <p>Now my mind is thinking that this would be ideal:</p>
  
  <pre><code>body.$class { 
      @if $class == 'purple'
      { 
          $brand = #ff0033;
      }
      @else 
      {
          $brand = #00cccc;
      }
  }
  </code></pre>
  
  <p>But that's not correct syntax at all.</p>
  
  <p>Is this something that can be done in a similar way?</p>