move gutters to separate build and file

IonicaBizau · Oct 13, 2020 · 1ac089b · 1ac089b
1 parent 918f301
commit 1ac089b
Show file tree

Hide file tree

Showing 9 changed files with 18 additions and 10 deletions.
diff --git a/dist/gridly-core.min.css b/dist/gridly-core.min.css
@@ -1 +1 @@
-.row{display:flex}.col{flex:1}.col-gutters+.col-gutters{margin-left:2em}@media(max-width:48em){.row{flex-direction:column}.col{flex:0 0 auto}.col-gutters+.col-gutters{margin:0 0 2em}}
+.row{display:flex}.col{flex:1}@media(max-width:48em){.row{flex-direction:column}.col{flex:0 0 auto}}
diff --git a/dist/gridly-gutters.min.css b/dist/gridly-gutters.min.css
@@ -0,0 +1 @@
+.col-gutters+.col-gutters{margin-left:2em}@media(max-width:48em){.col-gutters+.col-gutters{margin:0 0 2em}}
diff --git a/dist/gridly.min.css b/dist/gridly.min.css
@@ -1,2 +1,3 @@
-.row{display:flex}.col{flex:1}.col-gutters+.col-gutters{margin-left:2em}@media(max-width:48em){.row{flex-direction:column}.col{flex:0 0 auto}.col-gutters+.col-gutters{margin:0 0 2em}}
+.row{display:flex}.col{flex:1}@media(max-width:48em){.row{flex-direction:column}.col{flex:0 0 auto}}
 @media(min-width:48em){.col-tenth{flex:0 0 10%}.col-fifth{flex:0 0 20%}.col-quarter{flex:0 0 25%}.col-third{flex:0 0 33.3333334%}.col-half{flex:0 0 50%}}
+.col-gutters+.col-gutters{margin-left:2em}@media(max-width:48em){.col-gutters+.col-gutters{margin:0 0 2em}}
diff --git a/dist/prefixed/gridly-core.min.css b/dist/prefixed/gridly-core.min.css
@@ -1 +1 @@
-.row{display:flex}.col{flex:1}.col-gutters+.col-gutters{margin-left:2em}@media(max-width:48em){.row{flex-direction:column}.col{flex:0 0 auto}.col-gutters+.col-gutters{margin:0 0 2em}}
+.row{display:flex}.col{flex:1}@media(max-width:48em){.row{flex-direction:column}.col{flex:0 0 auto}}
diff --git a/dist/prefixed/gridly-gutters.min.css b/dist/prefixed/gridly-gutters.min.css
@@ -0,0 +1 @@
+.col-gutters+.col-gutters{margin-left:2em}@media(max-width:48em){.col-gutters+.col-gutters{margin:0 0 2em}}
diff --git a/dist/prefixed/gridly.min.css b/dist/prefixed/gridly.min.css
@@ -1,2 +1,3 @@
-.row{display:flex}.col{flex:1}.col-gutters+.col-gutters{margin-left:2em}@media(max-width:48em){.row{flex-direction:column}.col{flex:0 0 auto}.col-gutters+.col-gutters{margin:0 0 2em}}
+.row{display:flex}.col{flex:1}@media(max-width:48em){.row{flex-direction:column}.col{flex:0 0 auto}}
 @media(min-width:48em){.col-tenth{flex:0 0 10%}.col-fifth{flex:0 0 20%}.col-quarter{flex:0 0 25%}.col-third{flex:0 0 33.3333334%}.col-half{flex:0 0 50%}}
+.col-gutters+.col-gutters{margin-left:2em}@media(max-width:48em){.col-gutters+.col-gutters{margin:0 0 2em}}
diff --git a/lib/gridly-gutters.css b/lib/gridly-gutters.css
@@ -0,0 +1,4 @@
+.col-gutters + .col-gutters { margin-left: 2em; }
+@media (max-width: 48em) {
+    .col-gutters + .col-gutters { margin: 0 0 2em; }
+}
diff --git a/lib/gridly.css b/lib/gridly.css
@@ -1,8 +1,6 @@
 .row { display: flex; }
 .col { flex: 1; }
-.col-gutters + .col-gutters { margin-left: 2em; }
 @media (max-width: 48em) {
     .row { flex-direction: column; }
     .col { flex: 0 0 auto; }
-    .col-gutters + .col-gutters { margin: 0 0 2em; }
 }
diff --git a/package.json b/package.json
@@ -10,14 +10,16 @@
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "release": "npm run dist && npm run prefixed",
-    "dist": "npm run dist-main && npm run dist-widths && npm run dist-all",
+    "dist": "npm run dist-main && npm run dist-widths && npm run dist-gutters && npm run dist-all",
     "dist-main": " uglifycss lib/gridly.css > dist/gridly-core.min.css",
     "dist-widths": "uglifycss lib/gridly-col-widths.css > dist/gridly-col-widths.min.css",
-    "dist-all": "uglifycss lib/gridly.css > dist/gridly.min.css && uglifycss lib/gridly-col-widths.css >> dist/gridly.min.css",
-    "prefixed": "npm run prefixed-main && npm run prefixed-widths && npm run prefixed-all",
+    "dist-gutters": "uglifycss lib/gridly-gutters.css > dist/gridly-gutters.min.css",
+    "dist-all": "uglifycss lib/gridly.css > dist/gridly.min.css && uglifycss lib/gridly-col-widths.css >> dist/gridly.min.css && uglifycss lib/gridly-gutters.css >> dist/gridly.min.css",
+    "prefixed": "npm run prefixed-main && npm run prefixed-widths && npm run prefixed-gutters && npm run prefixed-all",
     "prefixed-main": "postcss -u autoprefixer -c postcss.json lib/gridly.css | uglifycss > dist/prefixed/gridly-core.min.css",
     "prefixed-widths": "postcss -u autoprefixer -c postcss.json lib/gridly-col-widths.css | uglifycss > dist/prefixed/gridly-col-widths.min.css",
-    "prefixed-all": "postcss -u autoprefixer -c postcss.json lib/gridly.css | uglifycss > dist/prefixed/gridly.min.css && postcss -u autoprefixer -c postcss.json lib/gridly-col-widths.css | uglifycss >> dist/prefixed/gridly.min.css"
+    "prefixed-gutters": "postcss -u autoprefixer -c postcss.json lib/gridly-gutters.css | uglifycss > dist/prefixed/gridly-gutters.min.css",
+    "prefixed-all": "postcss -u autoprefixer -c postcss.json lib/gridly.css | uglifycss > dist/prefixed/gridly.min.css && postcss -u autoprefixer -c postcss.json lib/gridly-col-widths.css | uglifycss >> dist/prefixed/gridly.min.css && postcss -u autoprefixer -c postcss.json lib/gridly-gutters.css | uglifycss >> dist/prefixed/gridly.min.css"
   },
   "repository": {
     "type": "git",
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		.row{display:flex}.col{flex:1}.col-gutters+.col-gutters{margin-left:2em}@media(max-width:48em){.row{flex-direction:column}.col{flex:0 0 auto}.col-gutters+.col-gutters{margin:0 0 2em}}
		.row{display:flex}.col{flex:1}@media(max-width:48em){.row{flex-direction:column}.col{flex:0 0 auto}}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		.col-gutters+.col-gutters{margin-left:2em}@media(max-width:48em){.col-gutters+.col-gutters{margin:0 0 2em}}