title: How do you use withStyles (isomorphic style loader) when your className has a dash in it?
body: <p>Let's say this is your SCSS:</p>
  
  <pre><code>.someclass {
    background: red;
    height: 1500px;
    width: 10000px;
  }
  </code></pre>
  
  <p>And this is how you use it:</p>
  
  <pre><code>import React, { Component, PropTypes } from 'react'
  import ReactDropZone from 'react-dropzone'
  import ReactDOM from 'react-dom'
  import withStyles from 'isomorphic-style-loader/lib/withStyles'
  import s from './ImageTool.scss'
  
  class ImageTool extends Component {
  
    render() {
  
      return (
  
        &lt;div className={s.someclass}&gt;&lt;/div&gt;
  
      )
  
    }
  
  }
  
  export default withStyles(ImageTool, s)
  </code></pre>
  
  <p>So this works well.</p>
  
  <p>Now what happens if you need to name your class <code>some-class</code>? Clearly <code>className={s.some-class}</code> doesn't work, and neither does <code>className={s.someClass}</code> (nothing happens).</p>