Add postcss-mixins and postcss-each

.stylelintrc

@@ -1,6 +1,9 @@
 {
   "extends": "stylelint-config-standard",
   "rules": {
+    "at-rule-no-unknown": [true, {
+      ignoreAtRules: ["define-mixin", "mixin", "each"]
+    }],
     "color-hex-case": "lower",
     "declaration-block-properties-order": "alphabetical",
     "font-family-name-quotes": "always-where-recommended",
@@ -12,8 +15,7 @@
           "global"
         ]
       }
-    ],
-    "indentation": 2
+    ]
   }
 }
 

package.json

@@ -75,8 +75,10 @@
     "phantomjs-polyfill": "0.0.2",
     "phantomjs-prebuilt": "^2.1.7",
     "postcss-cssnext": "^2.7.0",
+    "postcss-each": "^0.9.3",
     "postcss-import": "^8.1.2",
     "postcss-loader": "^0.9.1",
+    "postcss-mixins": "^5.0.0",
     "postcss-reporter": "^1.4.1",
     "react": "^15.2.0",
     "react-addons-css-transition-group": "^15.2.0",

webpack.config.development.js

@@ -29,9 +29,13 @@ module.exports = {
       include: /node_modules/,
       loaders: ['style-loader', 'css-loader']
     }, {
-      test: /\.(scss|css)$/,
+      test: /\.scss$/,
       include: [path.join(__dirname, './components'), path.join(__dirname, './spec')],
       loader: ExtractTextPlugin.extract('style', 'css?sourceMap&modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!postcss!sass?sourceMap')
+    }, {
+      test: /\.css$/,
+      include: [path.join(__dirname, './components'), path.join(__dirname, './spec')],
+      loader: ExtractTextPlugin.extract('style', 'css?sourceMap&modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!postcss')
     }]
   },
   postcss (webpackInstance) {
@@ -41,6 +45,8 @@ module.exports = {
         root: __dirname,
         path: [path.join(__dirname, './components')]
       }),
+      require('postcss-mixins')(),
+      require('postcss-each')(),
       require('postcss-cssnext')(),
       require('postcss-reporter')({ clearMessages: true })
     ];