Merge pull request #516 from ember-learn/fix-postcss

use more standard postcss process

Author: mansona

addon/styles/helpers/index.css

@@ -1,9 +1,9 @@
-@import 'helpers/unstyled.css';
-@import 'helpers/embed.css';
-@import 'helpers/flex.css';
-@import 'helpers/margin.css';
-@import 'helpers/padding.css';
-@import 'helpers/rounded.css';
+@import './unstyled.css';
+@import './embed.css';
+@import './flex.css';
+@import './margin.css';
+@import './padding.css';
+@import './rounded.css';
 
 .img-fluid {
   width: 100%;

index.js

@@ -2,21 +2,41 @@
 'use strict';
 const Funnel = require('broccoli-funnel');
 const path = require('path');
-const staticPostcssAddonTree = require('static-postcss-addon-tree');
+const CssImport = require('postcss-import')
+const PresetEnv = require('postcss-preset-env');
+
+const plugins = [
+  { module: CssImport },
+  {
+    module: PresetEnv,
+    options: {
+      stage: 3,
+      features: { 'nesting-rules': true },
+    }
+  }
+];
 
 module.exports = {
   name: require('./package').name,
 
-  options: {},
-
-  treeForAddon() {
-    var tree = this._super(...arguments);
+  options: {
+    postcssOptions: {
+      compile: {
+        enabled: true,
+        plugins,
+      }
+    }
+  },
 
-    return staticPostcssAddonTree(tree, {
-      addonName: 'ember-styleguide',
-      addonFolder: __dirname,
-      project: this.project || this.app.project
-    });
+  included: function(app) {
+    this._super.included.apply(this, arguments);
+    app.options = app.options || {};
+    app.options.postcssOptions = {
+      compile: {
+        enabled: true,
+        plugins,
+      }
+    }
   },
 
   treeForPublic: function() {