title: Can I use css-modules with LESS + nesting?
body: <p>The <a href="https://github.com/css-modules/css-modules">documentation on css-modules</a> is pretty sparse, so I'm not sure if I can do this or not.</p>
  
  <p><a href="http://glenmaddern.com/articles/css-modules">This article</a> says the way I'd style a button with <code>normal</code> and <code>error</code> states would look like this:</p>
  
  <pre><code>.common { /* font-sizes, padding, border-radius */ }
  .normal { composes: common; /* blue color, light blue background */ }
  .error { composes: common; /* red color, light red background */ }
  </code></pre>
  
  <p>But I'd prefer to write it like this:</p>
  
  <pre><code>.common {
      /* font-sizes, padding, border-radius */
      &amp;.normal { /* blue color, light blue background */ }
      &amp;.error { /* red color, light red background */ }
  }
  </code></pre>
  
  <p>Like I've always done, without introducing this new <code>composes</code> syntax. I think it's more clear which styles build on top of other styles if I can actually nest them in code.</p>
  
  <p>But I don't know what this would be exported as by css-modules? The only examples they give are simple class name selectors. I have no idea what about <code>.common.normal</code> will be exported as, or what <code>.common &gt; .normal ~ .strange</code>? Do I basically have to <em>not</em> use any kind of CSS selector if I use css-modules?</p>