grab sub resource bundles

Author: Adam Argyle

package.json

@@ -29,8 +29,13 @@
     "build:pre:css": "postcss app/css/index.css -o dist/bundle.css --env production",
     "build:post:copy": "cp app/index.html dist/index.html",
     "build": "rm -rf dist && concurrently npm:build:pre:* && concurrently npm:build:post:*",
-    "lib": "postcss src/index.css -c src -o transition.min.css --env production",
+    "lib:all": "postcss src/index.css -c src -o transition.min.css",
+    "lib:wipes": "postcss src/wipes/index.css -c src -o transition.wipes.min.css",
+    "lib:circles": "postcss src/circles/index.css -c src -o transition.circles.min.css",
+    "lib:squares": "postcss src/squares/index.css -c src -o transition.squares.min.css",
+    "lib:polygons": "postcss src/polygons/index.css -c src -o transition.polygons.min.css",
     "start": "concurrently --kill-others npm:dev:*",
+    "bundle": "concurrently --kill-others npm:lib:*",
     "production": "npm run build && npm run prod:server"
   },
   "devDependencies": {

src/circles/_includes.css

@@ -0,0 +1,12 @@
+@import "in-center.css";
+@import "out-center.css";
+
+@import "out-top-left.css";
+@import "out-top-right.css";
+@import "out-bottom-left.css";
+@import "out-bottom-right.css";
+
+@import "in-top-left.css";
+@import "in-top-right.css";
+@import "in-bottom-left.css";
+@import "in-bottom-right.css";

src/circles/index.css

@@ -1,12 +1,2 @@
-@import "in-center.css";
-@import "out-center.css";
-
-@import "out-top-left.css";
-@import "out-top-right.css";
-@import "out-bottom-left.css";
-@import "out-bottom-right.css";
-
-@import "in-top-left.css";
-@import "in-top-right.css";
-@import "in-bottom-left.css";
-@import "in-bottom-right.css";
+@import "../_base.css";
+@import "_includes.css";

src/index.css

@@ -1,7 +1,7 @@
 @import "_vars";
 @import "_base";
 
-@import "wipes/";
-@import "circles/";
-@import "squares/";
-@import "polygons/";
+@import "wipes/_includes.css";
+@import "circles/_includes.css";
+@import "squares/_includes.css";
+@import "polygons/_includes.css";

src/polygons/_includes.css

@@ -0,0 +1,4 @@
+@import "opposing-corners-in.css";
+@import "opposing-corners-out.css";
+@import "diamond-in-center.css";
+@import "diamond-out-center.css";

src/polygons/index.css

@@ -1,4 +1,2 @@
-@import "opposing-corners-in.css";
-@import "opposing-corners-out.css";
-@import "diamond-in-center.css";
-@import "diamond-out-center.css";
+@import "../_base.css";
+@import "_includes.css";

src/squares/_includes.css

@@ -0,0 +1,12 @@
+@import "in-center.css";
+@import "out-center.css"
+;
+@import "out-top-left.css";
+@import "out-top-right.css";
+@import "out-bottom-left.css";
+@import "out-bottom-right.css";
+
+@import "in-top-left.css";
+@import "in-top-right.css";
+@import "in-bottom-left.css";
+@import "in-bottom-right.css";

src/squares/index.css

@@ -1,12 +1,2 @@
-@import "in-center.css";
-@import "out-center.css"
-;
-@import "out-top-left.css";
-@import "out-top-right.css";
-@import "out-bottom-left.css";
-@import "out-bottom-right.css";
-
-@import "in-top-left.css";
-@import "in-top-right.css";
-@import "in-bottom-left.css";
-@import "in-bottom-right.css";
+@import "../_base.css";
+@import "_includes.css";

src/wipes/_includes.css

@@ -0,0 +1,9 @@
+@import "out-top.css";
+@import "out-right.css";
+@import "out-bottom.css";
+@import "out-left.css";
+
+@import "in-top.css";
+@import "in-right.css";
+@import "in-bottom.css";
+@import "in-left.css";

src/wipes/index.css

@@ -1,9 +1,2 @@
-@import "out-top.css";
-@import "out-right.css";
-@import "out-bottom.css";
-@import "out-left.css";
-
-@import "in-top.css";
-@import "in-right.css";
-@import "in-bottom.css";
-@import "in-left.css";
+@import "../_base.css";
+@import "_includes.css";