use neat

Author: baiyaaaaa

.gitignore

@@ -1,3 +1,4 @@
 lib/
 node_modules/
+src/test/features/*.actual.css
 npm-debug.log

package.json

@@ -19,13 +19,11 @@
     "postcss-calc": "^5.0.0",
     "postcss-initial": "^1.3.1",
     "postcss-inline-svg": "^1.4.0",
+    "postcss-neat": "^2.5.2",
     "postcss-pseudo-class-any-link": "^1.0.0",
     "postcss-scss": "^0.1.7",
     "postcss-shape": "^0.0.1",
-    "postcss-short-font-size": "^1.0.1",
-    "postcss-short-position": "^1.0.0",
-    "postcss-short-size": "^1.1.0",
-    "postcss-short-spacing": "^1.0.0",
+    "postcss-short": "^1.4.0",
     "precss": "^1.4.0"
   },
   "devDependencies": {

src/features.js

@@ -1,4 +1,3 @@
-/* eslint-disable max-len */
 export default {
   /**
    * REMINDER:
@@ -7,6 +6,9 @@ export default {
    * ******************
    */
 
+  // https://npmjs.com/package/postcss-neat
+  neat: (options) => require("postcss-neat")(options),
+
   // https://npmjs.com/package/postcss-bem
   bem: (options) => require("postcss-bem")(options),
 
@@ -22,17 +24,8 @@ export default {
   // https://npmjs.com/package/postcss-inline-svg
   inlineSvg: (options) => require("postcss-inline-svg")(options),
 
-  // https://npmjs.com/package/postcss-short-font-size
-  shortFontSize: (options) => require("postcss-short-font-size")(options),
-
-  // https://npmjs.com/package/postcss-short-spacing
-  shortSpacing: (options) => require("postcss-short-spacing")(options),
-
-  // https://npmjs.com/package/postcss-short-size
-  shortSize: (options) => require("postcss-short-size")(options),
-
-  // https://npmjs.com/package/postcss-short-position
-  shortPosition: (options) => require("postcss-short-position")(options),
+  // https://npmjs.com/package/postcss-short
+  short: (options) => require("postcss-short")(options),
 
   // https://npmjs.com/package/postcss-shape
   shape: (options) => require("postcss-shape")(options),

src/test/features/neat.css

@@ -0,0 +1,6 @@
+.cnt {
+  @neat-outer-container;
+}
+.col2 {
+  @neat-span-columns 1;
+}