compile and fix warnings

Author: jwoodrow

dist/gridlex.css

@@ -24,12 +24,15 @@
   "style": "docs/gridlex.css",
   "scripts": {
     "version": "npm run dist && git add -A .",
-    "dist": "node-sass src/gridlex.scss --sourceMap dist/ -o dist/ && postcss dist/gridlex.css > dist/gridlex.min.css && npm run docs",
+    "compile": "node-sass src/gridlex.scss --sourceMap dist/ -o dist/",
+    "minify": "postcss dist/gridlex.css > dist/gridlex.min.css",
+    "dist": "npm run compile && npm run minify && npm run docs",
     "docs": "cp -R dist/*.* docs"
   },
   "devDependencies": {
-    "cssnano": "^3.10.0",
-    "node-sass": "^4.5.3",
-    "postcss-cli": "^4.1.0"
+    "cssnano": "^5",
+    "node-sass": "^7",
+    "postcss": "^8.4.16",
+    "postcss-cli": "^10"
   }
 }

dist/gridlex.css.map

@@ -1,7 +1,15 @@
 module.exports = {
-    plugins: [
-        require('cssnano')({
-            preset: 'default',
-        })
-    ]
+  plugins: [
+    require('cssnano')({
+      preset: [
+        'default',
+        {
+          calc: false,
+          discardComments: {
+            removeAll: true
+          }
+        }
+      ]
+    })
+  ]
 };

dist/gridlex.min.css

@@ -6,14 +6,13 @@ $gl-colPortions: (
   0: 0
 );
 @for $i from 1 through $gl-colCount {
-  $gl-colPortions: map-merge($gl-colPortions, ($i: ($gl-colUnit*$i)));
+  $gl-colPortions: map-merge($gl-colPortions, ($i: calc($gl-colUnit * $i)));
 }
 
 // calculate and store nth fractions for grid by number
-$gl-colFractions: (
-  0: 0 // Avoid division by zero if $i would start at 0
-);
+// Avoid division by zero if $i would start at 0
+$gl-colFractions: (0: 0);
 @for $i from 1 through $gl-colCount {
   $fraction: calc(1 / $i);
-  $gl-colFractions: map-merge($gl-colFractions, ($fraction: $fraction * 100%));
+  $gl-colFractions: map-merge($gl-colFractions, ($fraction: calc($fraction * 100%)));
 }