Merge pull request #50 from picocss/enhance-scripts

Enhance scripts

css/pico.classless.css

@@ -2177,3 +2177,5 @@ textarea,
     transition-duration: 0s !important;
   }
 }
+
+/*# sourceMappingURL=pico.classless.css.map */

css/pico.css

@@ -2356,3 +2356,5 @@ textarea,
     transition-duration: 0s !important;
   }
 }
+
+/*# sourceMappingURL=pico.css.map */

css/pico.fluid.classless.css

@@ -2147,3 +2147,5 @@ textarea,
     transition-duration: 0s !important;
   }
 }
+
+/*# sourceMappingURL=pico.fluid.classless.css.map */

css/pico.slim.css

@@ -1413,3 +1413,5 @@ textarea,
 [dir=rtl] {
   direction: rtl;
 }
+
+/*# sourceMappingURL=pico.slim.css.map */

css/themes/default.css

@@ -442,3 +442,5 @@ kbd {
   --icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
   --icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
 }
+
+/*# sourceMappingURL=default.css.map */

docs/css/pico.docs.css

@@ -444,3 +444,5 @@ body > nav ul:first-of-type li:nth-of-type(2) {
     right: var(--spacing);
   }
 }
+
+/*# sourceMappingURL=pico.docs.css.map */

package.json

@@ -27,33 +27,38 @@
     "url": "https://github.com/picocss/pico/issues"
   },
   "scripts": {
-    "css:compile": "sass --style expanded --no-source-map --no-error-css scss/:css/",
+    "watch": "npm-run-all --parallel watch:scss watch:scss:docs watch:js:docs",
-    "css:compile:docs": "sass --style expanded --no-source-map --no-error-css docs/scss/:docs/css/",
+    "build": "npm-run-all build:css build:js info:postbuild",
-    "css:prefix": "postcss css/*.css css/*/*.css docs/css/*.css !css/*.min.css !docs/css/*.min.css --use autoprefixer --no-map --replace",
+    "build:css": "npm-run-all info:build:css css:compile css:compile:docs css:prefix info:css:minify css:minify",
-    "css:minify": "cleancss -O1 --batch --batch-suffix '.min' css/*.css css/*/*.css docs/css/*.css !css/*.min.css !css/*/*.min.css !docs/css/*.min.css",
+    "build:js": "npm-run-all info:build:js js:bundle js:babel info:js:minify js:minify",
-    "js:bundle": "rollup docs/js/pico.docs.js --file docs/js/pico.docs.min.js --format iife",
+    "css:compile": "sass --style expanded --source-map --embed-sources --no-error-css scss/:css/",
+    "css:compile:docs": "sass --style expanded --source-map --embed-sources --no-error-css docs/scss/:docs/css/",
+    "css:prefix": "postcss --config postcss.config.js --replace css/*.css css/*/*.css docs/css/*.css !css/*.min.css !docs/css/*.min.css",
+    "css:minify": "cleancss -O1 --with-rebase --source-map --source-map-inline-sources --batch --batch-suffix .min css/*.css css/*/*.css docs/css/*.css !css/*.min.css !css/*/*.min.css !docs/css/*.min.css",
+    "js:bundle": "rollup docs/js/pico.docs.js --file docs/js/pico.docs.min.js --format iife --silent",
     "js:babel": "babel docs/js/pico.docs.min.js --out-file docs/js/pico.docs.min.js --presets=@babel/preset-env",
     "js:minify": "uglifyjs docs/js/pico.docs.min.js --compress --mangle --output docs/js/pico.docs.min.js",
-    "build:css": "npm-run-all css:compile css:compile:docs css:prefix css:minify",
-    "build:js": "npm-run-all js:bundle js:babel js:minify",
-    "build": "npm-run-all build:css build:js",
     "watch:scss": "nodemon --watch scss/ --ext scss --exec 'npm run build:css'",
     "watch:scss:docs": "nodemon --watch docs/scss/ --ext scss --exec 'npm run build:css'",
     "watch:js:docs": "nodemon --watch docs/js/ --ext js --ignore 'docs/js/pico.docs.min.js' --exec 'npm run build:js'",
-    "watch": "npm-run-all --parallel watch:scss watch:scss:docs watch:js:docs"
+    "info:build:css": "echo '\\033[32m[picocss/pico] Compile .css files\\033[0m'",
+    "info:css:minify": "echo '\\033[32m[picocss/pico] Minify .css files\\033[0m'",
+    "info:build:js": "echo '\\033[32m[picocss/pico] Bundle .js files\\033[0m'",
+    "info:js:minify": "echo '\\033[32m[picocss/pico] Minify .js file\\033[0m'",
+    "info:postbuild": "echo '\\033[32m[picocss/pico] Done\\033[0m\n'"
   },
   "devDependencies": {
-    "@babel/cli": "^7.15.7",
+    "@babel/cli": "^7.16.0",
-    "@babel/core": "^7.15.8",
+    "@babel/core": "^7.16.0",
-    "@babel/preset-env": "^7.15.8",
+    "@babel/preset-env": "^7.16.0",
-    "autoprefixer": "^10.3.7",
+    "autoprefixer": "^10.4.0",
     "clean-css-cli": "^5.4.2",
     "nodemon": "^2.0.14",
     "npm-run-all": "^4.1.5",
-    "postcss": "^8.3.6",
+    "postcss": "^8.3.11",
     "postcss-cli": "^9.0.1",
-    "rollup": "^2.58.0",
+    "rollup": "^2.58.3",
-    "sass": "^1.43.3",
+    "sass": "^1.43.4",
     "uglify-js": "^3.14.2"
   }
 }

postcss.config.js

@@ -0,0 +1,12 @@
+module.exports = {
+  map: { 
+    inline: false,
+    annotation: true,
+    sourcesContent: true
+  },
+  plugins: {
+    autoprefixer: {
+      cascade: false
+    }
+  }
+}