Add cssnext anc postcss-import

README.md

@@ -32,7 +32,7 @@ an instant-feedback development cycle and deployment pipeline.
   [Handlebars], and [Yaml Front Matter].
 - Extensive intelligent meta tag support.
 - Write modern JavaScript with [Babel] and the [ES2015 preset].
-- Write styles with [PostCSS] and [Autoprefixer].
+- Write styles with [PostCSS], [postcss-import], and [PostCSS-cssnext].
 - Production assets optimized with [UglifyJS] and [clean-css].
 - Frontend and development dependency management with [npm].
 - Automatic browser reloading with [auto-reload-brunch].
@@ -51,7 +51,6 @@ an instant-feedback development cycle and deployment pipeline.
 - Badges from [Shields.io].
 
 [auto-reload-brunch]: https://github.com/brunch/auto-reload-brunch
-[Autoprefixer]: https://github.com/postcss/autoprefixer
 [Babel]: https://babeljs.io/
 [Brunch]: http://brunch.io/
 [clean-css]: https://github.com/jakubpawlowicz/clean-css
@@ -72,6 +71,8 @@ an instant-feedback development cycle and deployment pipeline.
 [Keep a CHANGELOG]: http://keepachangelog.com/
 [npm]: https://www.npmjs.com/
 [PostCSS]: http://postcss.org/
+[PostCSS-cssnext]: http://cssnext.io/
+[postcss-import]: https://github.com/postcss/postcss-import
 [sanitize.css]: https://jonathantneal.github.io/sanitize.css/
 [Shields.io]: http://shields.io/
 [stylelint]: http://stylelint.io/

app/styles/main.css

@@ -1,3 +1 @@
-body {
-  font-size: 16px;
-}
+@import 'sanitize.css';

brunch-config.js

@@ -1,10 +1,4 @@
 exports.config = {
-  npm: {
-    styles: {
-      'sanitize.css': ['sanitize.css']
-    }
-  },
-
   files: {
     javascripts: {
       joinTo: {
@@ -22,7 +16,8 @@ exports.config = {
   plugins: {
     postcss: {
       processors: [
-        require('autoprefixer')
+        require('postcss-import')(),
+        require('postcss-cssnext')()
       ]
     },
 

makenew.sh

@@ -54,7 +54,7 @@ makenew () {
   read -p '> GitHub user or organization name: ' mk_user
   read -p '> GitHub repository name: ' mk_repo
 
-  sed_delete README.md '3d;14,173d;324,327d'
+  sed_delete README.md '3d;14,174d;325,328d'
   sed_insert README.md '13i' "${mk_description}"
 
   find_replace "s/version\": \".*\"/version\": \"${mk_version}\"/g"

package.json

@@ -49,7 +49,6 @@
   },
   "devDependencies": {
     "auto-reload-brunch": "^2.1.0",
-    "autoprefixer": "^6.3.1",
     "babel-brunch": "^6.0.6",
     "brunch": "^2.5.2",
     "brunch-static": "^1.1.1",
@@ -73,7 +72,9 @@
     "gulplog": "^1.0.0",
     "html-brunch-static": "^1.2.1",
     "javascript-brunch": "^2.0.0",
-    "postcss-brunch": "^2.0.1",
+    "postcss-brunch": "^2.0.5",
+    "postcss-cssnext": "^2.8.0",
+    "postcss-import": "^8.1.2",
     "run-sequence": "^1.2.2",
     "stylefmt": "^4.3.1",
     "stylelint-config-standard": "^14.0.0",