title: SCSS and ":host([active])"
body: <p>I need such construction in scss:</p>
  
  <pre><code>:host {
      background: #fff;
  
      &amp;([active]) {
          background: #000;
      }
  }
  </code></pre>
  
  <p>meaning output like:</p>
  
  <pre><code>:host {
      background: #fff;
  }
  :host([active]) {
      background: #000;
  }
  </code></pre>
  
  <p>But I can't get it working any way I've tried. Is there any way to escape parentheses I don't know or something not overcomplicated?</p>
  
  <p>Just inserting piece of raw css like `code` in CoffeeScript would be great, but I do not see anything like this in documentation.</p>