Added stylelint support (#255)

.stylelintrc

@@ -0,0 +1,6 @@
+{
+  "extends": "stylelint-config-standard",
+  "rules": {
+    "selector-list-comma-newline-after": "always"
+  }
+}

examples/complex-chart/app.js

@@ -24,7 +24,7 @@ import window from 'global/window';
 import document from 'global/document';
 
 import ComplexChartExample from './complex-chart-example';
-import '../examples.scss';
+import '../../src/styles/examples.scss';
 
 export default class App extends Component {
   componentWillMount() {

package.json

@@ -23,6 +23,7 @@
     "clean": "rm -rf dist bundle.* index.html && mkdir dist",
     "build": "npm run clean && babel src -d dist --copy-files && node-sass src/main.scss main.css",
     "lint": "eslint src tests showcase --ignore-pattern node_modules --ignore-pattern bundle.js",
+    "lint-styles": "stylelint src/styles/*.scss --syntax scss",
     "test": "tape -r babel-register tests/**/*.js",
     "cover": "nyc --reporter=text --reporter=html --reporter=lcov npm test"
   },
@@ -61,6 +62,8 @@
     "react-addons-shallow-compare": ">=15.4.2",
     "react-addons-test-utils": ">=15.4.2",
     "react-dom": ">=15.4.2",
+    "stylelint": "^7.7.1",
+    "stylelint-config-standard": "^15.0.1",
     "tape": "^4.6.3"
   },
   "peerDependencies": {

showcase/index.js

@@ -68,7 +68,7 @@ import SearchableDiscreteColorLegendExample from './legends/searchable-discrete-
 import ContinuousColorLegendExample from './legends/continuous-color';
 import ContinuousSizeLegendExample from './legends/continuous-size';
 
-import './index.scss';
+import '../src/styles/examples.scss';
 
 const App = (
   <main>

showcase/webpack.config.js

@@ -21,7 +21,7 @@ const config = isProd ? {
 
   module: {
     rules: [jsRule, {
-      test: /index.scss$/,
+      test: /\.scss$/,
       loader: ExtractTextPlugin.extract({
         fallbackLoader: 'style-loader',
         loader: ['css-loader', 'sass-loader']