title: CSS Modules, Composition in nested class
body: <p>I am working on a project where there is a main style.scss file for a number of components. I want to restructure the code so as every component has its own folder (index.js, styles.scss). There is a nested class that is using a class from another component and now that I have to separate all the styles, this part is broken. I can't use composition since it is a nested class. What other approaches can I take?</p>
  
  <p>The code looks like this:</p>
  
  <pre><code>// Component A styless.scss
  
  .component-a-class {
  
  }
  
  // Component B styless.scss 
  
  .component-b-class{
  
  .component-a-class {
  
    }
  }
  </code></pre>