title: How do I nest attribute selector under :host-context?
body: <p>Using LESS pre-processor along with shadow-dom for theming support of individual components. I have also attempted nesting <code>:host-context</code> and <code>:host</code> selectors to no avail.</p>
  
  <pre><code>:host-context(.dark) {
    @import (multiple) 'variables/dark-theme';
    .dropdown;
  }
  
  :host-context(.light) {
    @import (multiple) 'variables/light-theme';
    .dropdown;
  }
  
  .dropdown() {
    //some component styles here
  
    &amp;:disabled {
      background-color: @disabled-bg;
      color: @disabled-color;
  
      .dropDownListSelect {
        cursor: not-allowed;
      }
    }
  }
  </code></pre>