title: Use react-md in gatsby js
body: <p>I'm trying to use React Material Design (<code>react-md</code>) within my Gatsby JS project and am finding that the CSS rules are not being applied. So when I import a component like a <code>Button</code> and render the component, it has no styling on it whatsoever.</p>
  
  <p>Here is what I did to install <code>react-md</code>:</p>
  
  <p>In my <code>gatsby-config.js</code> I added the following</p>
  
  <pre><code>plugins: [
      'gatsby-plugin-sass'
  ]
  </code></pre>
  
  <p>And then, under <code>layouts&gt;index.scss</code> I have</p>
  
  <pre><code>@import '~react-md/src/scss/react-md';
  </code></pre>
  
  <p>And then I import that into my <code>layouts&gt;index.js</code> as</p>
  
  <pre><code>import './index.scss'
  </code></pre>
  
  <hr>
  
  <p>When I render a <code>Button</code> component, it does not have any styling. I inspected the component and it has all the correct CSS classNames applied to it, but the rules do not seem to be working.</p>