Add variants with 100% root font size and rem values * 1.6

jenil · Feb 4, 2022 · dc0b3e7 · dc0b3e7
1 parent 895bb72
commit dc0b3e7
Show file tree

Hide file tree

Showing 3 changed files with 440 additions and 511 deletions.
diff --git a/package.json b/package.json
@@ -6,7 +6,7 @@
   "scripts": {
     "start": "run-p docs watch",
     "docs": "jekyll s -s docs",
-    "build": "rimraf dist/* && yarn postcss &&  cross-env NODE_ENV=production yarn postcss --ext .min.css && gzip -c dist/chota.min.css  | wc -c | xargs echo 'Size:'",
+    "build": "rimraf dist/* && yarn postcss && cross-env VARIANT=100 yarn postcss --ext .100.css && cross-env VARIANT=100 NODE_ENV=production yarn postcss --ext .100.min.css && cross-env NODE_ENV=production yarn postcss --ext .min.css && gzip -c dist/chota.min.css  | wc -c | xargs echo 'Size:'",
     "postcss": "postcss ./src/chota.css -d dist/",
     "watch": "cross-env NODE_ENV=development yarn postcss -w",
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -32,9 +32,11 @@
     "cross-env": "^7.0.2",
     "cssnano": "^4.1.7",
     "npm-run-all": "^4.1.5",
-    "postcss-cli": "^7.1.1",
+    "postcss": "^8.4.6",
+    "postcss-cli": "^9.1.0",
     "postcss-csso": "^4.0.0",
     "postcss-import": "^12.0.1",
+    "postcss-revert-rem-size": "^0.1.0",
     "rimraf": "^3.0.0"
   },
   "files": [

diff --git a/postcss.config.js b/postcss.config.js
@@ -11,6 +11,11 @@ if (process.env.NODE_ENV == "production")
     })
   );
 
+if (process.env.VARIANT == "100")
+  plugins.push(
+    require("postcss-revert-rem-size")({})
+  );
+
 module.exports = {
   plugins
 };