title: How to use Sass and CSS Modules with create-react-app?
body: <p>I am using FileName.module.scss to style my react elements like so:</p>
  <pre><code>// this is my component
  import React from &quot;react&quot;;
  
  import Aux from '../../hoc/Aux';
  import classes from './Layout.module.scss';
  
  const layout = (props) =&gt; (
      &lt;Aux&gt;
          &lt;div&gt;Toolbar, SideDrawer, Backdrop&lt;/div&gt;
          &lt;main className={classes.Content}&gt;
              {props.children}
          &lt;/main&gt;
      &lt;/Aux&gt;
  );
  
  export default layout;
  </code></pre>
  <p>This is my SCSS:</p>
  <pre><code>.Content {
      margin-top: 72px;
      color:red;
  }
  </code></pre>
  <p>I don't know why but the scss is not being applied to my main element, any ideas? Thank you!</p>