Add PostCSS Nesting

MoOx · Dec 28, 2015 · b31f167 · b31f167
1 parent 9a1020a
commit b31f167
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 0 deletions.
diff --git a/package.json b/package.json
@@ -44,6 +44,7 @@
     "postcss-font-variant": "^2.0.0",
     "postcss-initial": "^1.3.1",
     "postcss-media-minmax": "^2.1.0",
+    "postcss-nesting": "^2.0.5",
     "postcss-pseudo-class-any-link": "^1.0.0",
     "postcss-pseudoelements": "^3.0.0",
     "postcss-selector-matches": "^2.0.0",

diff --git a/src/__tests__/fixtures/features/nesting.css b/src/__tests__/fixtures/features/nesting.css
@@ -0,0 +1,7 @@
+.foo {
+  color: red;
+
+  @nest & .bar {
+    color: white;
+  }
+}
diff --git a/src/__tests__/fixtures/features/nesting.expected.css b/src/__tests__/fixtures/features/nesting.expected.css
@@ -0,0 +1,6 @@
+.foo {
+  color: red
+}
+.foo .bar {
+  color: white
+}
diff --git a/src/features.js b/src/features.js
@@ -6,6 +6,9 @@ export default {
   calc(options) {
     return require("postcss-calc")(options)
   },
+  nesting(options) {
+    return require("postcss-nesting")(options)
+  },
   customMedia(options) {
     return require("postcss-custom-media")(options)
   },