Add autoprefixer and postcss

Added:
- autoprefixer v10.3.4
- postcss v8.3.6

Changed:
- Node Sass options to pass source map to PostCSS.

build/styles.js

@@ -1,5 +1,7 @@
+import autoprefixer from 'autoprefixer';
 import fs from 'fs';
 import sass from 'node-sass';
+import postcss from 'postcss';
 import paths from '../mconfig.json';
 import message from './utils/message.js';
 import notification from './notification.js';
@@ -20,9 +22,11 @@ export function compileStyles() {
 
         sass.render({
             file: infile,
+            omitSourceMapUrl: true,
             outFile: outfile,
             outputStyle: 'compressed',
-            sourceMap: true
+            sourceMap: true,
+            sourceMapContents: true
         }, (err, result) => {
             if (err) {
                 message(`Error compiling ${name}.scss`, 'error');
@@ -35,19 +39,62 @@ export function compileStyles() {
                 return;
             }
 
-            fs.writeFile(outfile, result.css, (err) => {
+            fs.access(outfile, (err) => {
                 if (err) {
                     message(`Error compiling ${name}.scss`, 'error');
-                    message(err.formatted);
+                    message(err);
 
                     notification({
                         title:   `${name}.scss compilation failed 🚨`,
-                        message: `Could not save stylesheet to ${name}.css`
+                        message: err
                     });
                     return;
                 }
 
-                message(`${name}.css compiled`, 'success', timeLabel);
+                postcss([ autoprefixer ]).process(result.css, {
+                    from: outfile,
+                    to: outfile,
+                    map: {
+                        annotation: false,
+                        inline: false,
+                        sourcesContent: true
+                    }
+                }).then((result) => {
+                    result.warnings().forEach((warn) => {
+                        message(`Error prefixing ${name}.css`, 'error');
+                        message(warn.toString());
+                    });
+
+                    fs.writeFile(outfile, result.css, (err) => {
+                        if (err) {
+                            message(`Error compiling ${name}.scss`, 'error');
+                            message(err);
+
+                            notification({
+                                title:   `${name}.scss compilation failed 🚨`,
+                                message: `Could not save stylesheet to ${name}.css`
+                            });
+                            return;
+                        }
+
+                        message(`${name}.css compiled`, 'success', timeLabel);
+                    });
+
+                    if (result.map) {
+                        fs.writeFile(outfile + '.map', result.map.toString(), (err) => {
+                            if (err) {
+                                message(`Error compiling ${name}.scss`, 'error');
+                                message(err);
+
+                                notification({
+                                    title:   `${name}.scss compilation failed 🚨`,
+                                    message: `Could not save sourcemap to ${name}.css.map`
+                                });
+                                return;
+                            }
+                        });
+                    }
+                });
             });
         });
     });

package-lock.json

@@ -15,12 +15,14 @@
                 "svg4everybody": "*"
             },
             "devDependencies": {
+                "autoprefixer": "^10.3.4",
                 "browser-sync": "^2.26.13",
                 "concat": "^1.0.3",
                 "esbuild": "^0.12.28",
                 "kleur": "^4.1.4",
                 "node-notifier": "^10.0.0",
                 "node-sass": "^6.0.1",
+                "postcss": "^8.3.6",
                 "svg-mixer": "^2.3.14"
             },
             "engines": {
@@ -291,6 +293,33 @@
                 "node": ">= 4.5.0"
             }
         },
+        "node_modules/autoprefixer": {
+            "version": "10.3.4",
+            "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.3.4.tgz",
+            "integrity": "sha512-EKjKDXOq7ug+jagLzmnoTRpTT0q1KVzEJqrJd0hCBa7FiG0WbFOBCcJCy2QkW1OckpO3qgttA1aWjVbeIPAecw==",
+            "dev": true,
+            "dependencies": {
+                "browserslist": "^4.16.8",
+                "caniuse-lite": "^1.0.30001252",
+                "colorette": "^1.3.0",
+                "fraction.js": "^4.1.1",
+                "normalize-range": "^0.1.2",
+                "postcss-value-parser": "^4.1.0"
+            },
+            "bin": {
+                "autoprefixer": "bin/autoprefixer"
+            },
+            "engines": {
+                "node": "^10 || ^12 || >=14"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/postcss/"
+            },
+            "peerDependencies": {
+                "postcss": "^8.1.0"
+            }
+        },
         "node_modules/aws-sign2": {
             "version": "0.7.0",
             "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz",
@@ -945,6 +974,29 @@
                 "node": ">=6"
             }
         },
+        "node_modules/browserslist": {
+            "version": "4.17.0",
+            "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.17.0.tgz",
+            "integrity": "sha512-g2BJ2a0nEYvEFQC208q8mVAhfNwpZ5Mu8BwgtCdZKO3qx98HChmeg448fPdUzld8aFmfLgVh7yymqV+q1lJZ5g==",
+            "dev": true,
+            "dependencies": {
+                "caniuse-lite": "^1.0.30001254",
+                "colorette": "^1.3.0",
+                "electron-to-chromium": "^1.3.830",
+                "escalade": "^3.1.1",
+                "node-releases": "^1.1.75"
+            },
+            "bin": {
+                "browserslist": "cli.js"
+            },
+            "engines": {
+                "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/browserslist"
+            }
+        },
         "node_modules/bs-recipes": {
             "version": "1.3.4",
             "resolved": "https://registry.npmjs.org/bs-recipes/-/bs-recipes-1.3.4.tgz",
@@ -1012,6 +1064,16 @@
                 "node": ">=6"
             }
         },
+        "node_modules/caniuse-lite": {
+            "version": "1.0.30001257",
+            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001257.tgz",
+            "integrity": "sha512-JN49KplOgHSXpIsVSF+LUyhD8PUp6xPpAXeRrrcBh4KBeP7W864jHn6RvzJgDlrReyeVjMFJL3PLpPvKIxlIHA==",
+            "dev": true,
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/browserslist"
+            }
+        },
         "node_modules/caseless": {
             "version": "0.12.0",
             "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz",
@@ -1114,6 +1176,12 @@
             "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=",
             "dev": true
         },
+        "node_modules/colorette": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/colorette/-/colorette-1.4.0.tgz",
+            "integrity": "sha512-Y2oEozpomLn7Q3HFP7dpww7AtMJplbM9lGZP6RDfHqmbeRjiwRg4n6VM6j4KLmRke85uWEI7JqF17f3pqdRA0g==",
+            "dev": true
+        },
         "node_modules/combined-stream": {
             "version": "1.0.8",
             "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
@@ -1561,6 +1629,12 @@
             "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=",
             "dev": true
         },
+        "node_modules/electron-to-chromium": {
+            "version": "1.3.838",
+            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.838.tgz",
+            "integrity": "sha512-65O6UJiyohFAdX/nc6KJ0xG/4zOn7XCO03kQNNbCeMRGxlWTLzc6Uyi0tFNQuuGWqySZJi8CD2KXPXySVYmzMA==",
+            "dev": true
+        },
         "node_modules/emoji-regex": {
             "version": "7.0.3",
             "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz",
@@ -2014,6 +2088,19 @@
                 "node": ">= 0.12"
             }
         },
+        "node_modules/fraction.js": {
+            "version": "4.1.1",
+            "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.1.1.tgz",
+            "integrity": "sha512-MHOhvvxHTfRFpF1geTK9czMIZ6xclsEor2wkIGYYq+PxcQqT7vStJqjhe6S1TenZrMZzo+wlqOufBDVepUEgPg==",
+            "dev": true,
+            "engines": {
+                "node": "*"
+            },
+            "funding": {
+                "type": "patreon",
+                "url": "https://www.patreon.com/infusion"
+            }
+        },
         "node_modules/fragment-cache": {
             "version": "0.2.1",
             "resolved": "https://registry.npmjs.org/fragment-cache/-/fragment-cache-0.2.1.tgz",
@@ -3835,6 +3922,18 @@
             "integrity": "sha512-INOFj37C7k3AfaNTtX8RhsTw7qRy7eLET14cROi9+5HAVbbHuIWUHEauBv5qT4Av2tWasiTY1Jw6puUNqRJXQg==",
             "dev": true
         },
+        "node_modules/nanoid": {
+            "version": "3.1.25",
+            "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.25.tgz",
+            "integrity": "sha512-rdwtIXaXCLFAQbnfqDRnI6jaRHp9fTcYBjtFKE8eezcZ7LuLjhUaQGNeMXf1HmRoCH32CLz6XwX0TtxEOS/A3Q==",
+            "dev": true,
+            "bin": {
+                "nanoid": "bin/nanoid.cjs"
+            },
+            "engines": {
+                "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+            }
+        },
         "node_modules/nanomatch": {
             "version": "1.2.13",
             "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz",
@@ -4000,6 +4099,12 @@
                 "node": ">= 8"
             }
         },
+        "node_modules/node-releases": {
+            "version": "1.1.75",
+            "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.75.tgz",
+            "integrity": "sha512-Qe5OUajvqrqDSy6wrWFmMwfJ0jVgwiw4T3KqmbTcZ62qW0gQkheXYhcFM1+lOVcGUoRxcEcfyvFMAnDgaF1VWw==",
+            "dev": true
+        },
         "node_modules/node-sass": {
             "version": "6.0.1",
             "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-6.0.1.tgz",
@@ -4103,6 +4208,15 @@
                 "node": ">=0.10.0"
             }
         },
+        "node_modules/normalize-range": {
+            "version": "0.1.2",
+            "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
+            "integrity": "sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
         "node_modules/normalize.css": {
             "version": "8.0.1",
             "resolved": "https://registry.npmjs.org/normalize.css/-/normalize.css-8.0.1.tgz",
@@ -4385,17 +4499,17 @@
             }
         },
         "node_modules/postcss": {
-            "version": "7.0.36",
+            "version": "8.3.6",
-            "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
+            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.3.6.tgz",
-            "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
+            "integrity": "sha512-wG1cc/JhRgdqB6WHEuyLTedf3KIRuD0hG6ldkFEZNCjRxiC+3i6kkWUUbiJQayP28iwG35cEmAbe98585BYV0A==",
             "dev": true,
             "dependencies": {
-                "chalk": "^2.4.2",
+                "colorette": "^1.2.2",
-                "source-map": "^0.6.1",
+                "nanoid": "^3.1.23",
-                "supports-color": "^6.1.0"
+                "source-map-js": "^0.6.2"
             },
             "engines": {
-                "node": ">=6.0.0"
+                "node": "^10 || ^12 || >=14"
             },
             "funding": {
                 "type": "opencollective",
@@ -4423,7 +4537,25 @@
                 "postcss": "^7.0.0"
             }
         },
-        "node_modules/postcss/node_modules/supports-color": {
+        "node_modules/postcss-prefix-selector/node_modules/postcss": {
+            "version": "7.0.36",
+            "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
+            "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
+            "dev": true,
+            "dependencies": {
+                "chalk": "^2.4.2",
+                "source-map": "^0.6.1",
+                "supports-color": "^6.1.0"
+            },
+            "engines": {
+                "node": ">=6.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/postcss/"
+            }
+        },
+        "node_modules/postcss-prefix-selector/node_modules/supports-color": {
             "version": "6.1.0",
             "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
             "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
@@ -4435,6 +4567,12 @@
                 "node": ">=6"
             }
         },
+        "node_modules/postcss-value-parser": {
+            "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz",
+            "integrity": "sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ==",
+            "dev": true
+        },
         "node_modules/posthtml": {
             "version": "0.11.6",
             "resolved": "https://registry.npmjs.org/posthtml/-/posthtml-0.11.6.tgz",
@@ -5454,6 +5592,15 @@
                 "node": ">=0.10.0"
             }
         },
+        "node_modules/source-map-js": {
+            "version": "0.6.2",
+            "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-0.6.2.tgz",
+            "integrity": "sha512-/3GptzWzu0+0MBQFrDKzw/DvvMTUORvgY6k6jd/VS6iCR4RDTKWH6v6WPwQoUO8667uQEf9Oe38DxAYWY5F/Ug==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
         "node_modules/source-map-resolve": {
             "version": "0.5.2",
             "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.2.tgz",
@@ -6617,6 +6764,20 @@
             "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==",
             "dev": true
         },
+        "autoprefixer": {
+            "version": "10.3.4",
+            "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.3.4.tgz",
+            "integrity": "sha512-EKjKDXOq7ug+jagLzmnoTRpTT0q1KVzEJqrJd0hCBa7FiG0WbFOBCcJCy2QkW1OckpO3qgttA1aWjVbeIPAecw==",
+            "dev": true,
+            "requires": {
+                "browserslist": "^4.16.8",
+                "caniuse-lite": "^1.0.30001252",
+                "colorette": "^1.3.0",
+                "fraction.js": "^4.1.1",
+                "normalize-range": "^0.1.2",
+                "postcss-value-parser": "^4.1.0"
+            }
+        },
         "aws-sign2": {
             "version": "0.7.0",
             "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz",
@@ -7145,6 +7306,19 @@
                 "stream-throttle": "^0.1.3"
             }
         },
+        "browserslist": {
+            "version": "4.17.0",
+            "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.17.0.tgz",
+            "integrity": "sha512-g2BJ2a0nEYvEFQC208q8mVAhfNwpZ5Mu8BwgtCdZKO3qx98HChmeg448fPdUzld8aFmfLgVh7yymqV+q1lJZ5g==",
+            "dev": true,
+            "requires": {
+                "caniuse-lite": "^1.0.30001254",
+                "colorette": "^1.3.0",
+                "electron-to-chromium": "^1.3.830",
+                "escalade": "^3.1.1",
+                "node-releases": "^1.1.75"
+            }
+        },
         "bs-recipes": {
             "version": "1.3.4",
             "resolved": "https://registry.npmjs.org/bs-recipes/-/bs-recipes-1.3.4.tgz",
@@ -7199,6 +7373,12 @@
                 }
             }
         },
+        "caniuse-lite": {
+            "version": "1.0.30001257",
+            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001257.tgz",
+            "integrity": "sha512-JN49KplOgHSXpIsVSF+LUyhD8PUp6xPpAXeRrrcBh4KBeP7W864jHn6RvzJgDlrReyeVjMFJL3PLpPvKIxlIHA==",
+            "dev": true
+        },
         "caseless": {
             "version": "0.12.0",
             "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz",
@@ -7282,6 +7462,12 @@
             "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=",
             "dev": true
         },
+        "colorette": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/colorette/-/colorette-1.4.0.tgz",
+            "integrity": "sha512-Y2oEozpomLn7Q3HFP7dpww7AtMJplbM9lGZP6RDfHqmbeRjiwRg4n6VM6j4KLmRke85uWEI7JqF17f3pqdRA0g==",
+            "dev": true
+        },
         "combined-stream": {
             "version": "1.0.8",
             "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
@@ -7647,6 +7833,12 @@
             "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=",
             "dev": true
         },
+        "electron-to-chromium": {
+            "version": "1.3.838",
+            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.838.tgz",
+            "integrity": "sha512-65O6UJiyohFAdX/nc6KJ0xG/4zOn7XCO03kQNNbCeMRGxlWTLzc6Uyi0tFNQuuGWqySZJi8CD2KXPXySVYmzMA==",
+            "dev": true
+        },
         "emoji-regex": {
             "version": "7.0.3",
             "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz",
@@ -8020,6 +8212,12 @@
                 "mime-types": "^2.1.12"
             }
         },
+        "fraction.js": {
+            "version": "4.1.1",
+            "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.1.1.tgz",
+            "integrity": "sha512-MHOhvvxHTfRFpF1geTK9czMIZ6xclsEor2wkIGYYq+PxcQqT7vStJqjhe6S1TenZrMZzo+wlqOufBDVepUEgPg==",
+            "dev": true
+        },
         "fragment-cache": {
             "version": "0.2.1",
             "resolved": "https://registry.npmjs.org/fragment-cache/-/fragment-cache-0.2.1.tgz",
@@ -9487,6 +9685,12 @@
             "integrity": "sha512-INOFj37C7k3AfaNTtX8RhsTw7qRy7eLET14cROi9+5HAVbbHuIWUHEauBv5qT4Av2tWasiTY1Jw6puUNqRJXQg==",
             "dev": true
         },
+        "nanoid": {
+            "version": "3.1.25",
+            "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.25.tgz",
+            "integrity": "sha512-rdwtIXaXCLFAQbnfqDRnI6jaRHp9fTcYBjtFKE8eezcZ7LuLjhUaQGNeMXf1HmRoCH32CLz6XwX0TtxEOS/A3Q==",
+            "dev": true
+        },
         "nanomatch": {
             "version": "1.2.13",
             "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz",
@@ -9611,6 +9815,12 @@
                 }
             }
         },
+        "node-releases": {
+            "version": "1.1.75",
+            "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.75.tgz",
+            "integrity": "sha512-Qe5OUajvqrqDSy6wrWFmMwfJ0jVgwiw4T3KqmbTcZ62qW0gQkheXYhcFM1+lOVcGUoRxcEcfyvFMAnDgaF1VWw==",
+            "dev": true
+        },
         "node-sass": {
             "version": "6.0.1",
             "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-6.0.1.tgz",
@@ -9688,6 +9898,12 @@
                 "remove-trailing-separator": "^1.0.1"
             }
         },
+        "normalize-range": {
+            "version": "0.1.2",
+            "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
+            "integrity": "sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=",
+            "dev": true
+        },
         "normalize.css": {
             "version": "8.0.1",
             "resolved": "https://registry.npmjs.org/normalize.css/-/normalize.css-8.0.1.tgz",
@@ -9905,25 +10121,14 @@
             "dev": true
         },
         "postcss": {
-            "version": "7.0.36",
+            "version": "8.3.6",
-            "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
+            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.3.6.tgz",
-            "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
+            "integrity": "sha512-wG1cc/JhRgdqB6WHEuyLTedf3KIRuD0hG6ldkFEZNCjRxiC+3i6kkWUUbiJQayP28iwG35cEmAbe98585BYV0A==",
             "dev": true,
             "requires": {
-                "chalk": "^2.4.2",
+                "colorette": "^1.2.2",
-                "source-map": "^0.6.1",
+                "nanoid": "^3.1.23",
-                "supports-color": "^6.1.0"
+                "source-map-js": "^0.6.2"
-            },
-            "dependencies": {
-                "supports-color": {
-                    "version": "6.1.0",
-                    "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
-                    "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
-                    "dev": true,
-                    "requires": {
-                        "has-flag": "^3.0.0"
-                    }
-                }
             }
         },
         "postcss-helpers": {
@@ -9942,8 +10147,36 @@
             "dev": true,
             "requires": {
                 "postcss": "^7.0.0"
+            },
+            "dependencies": {
+                "postcss": {
+                    "version": "7.0.36",
+                    "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
+                    "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
+                    "dev": true,
+                    "requires": {
+                        "chalk": "^2.4.2",
+                        "source-map": "^0.6.1",
+                        "supports-color": "^6.1.0"
+                    }
+                },
+                "supports-color": {
+                    "version": "6.1.0",
+                    "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+                    "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+                    "dev": true,
+                    "requires": {
+                        "has-flag": "^3.0.0"
+                    }
+                }
             }
         },
+        "postcss-value-parser": {
+            "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz",
+            "integrity": "sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ==",
+            "dev": true
+        },
         "posthtml": {
             "version": "0.11.6",
             "resolved": "https://registry.npmjs.org/posthtml/-/posthtml-0.11.6.tgz",
@@ -10826,6 +11059,12 @@
             "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
             "dev": true
         },
+        "source-map-js": {
+            "version": "0.6.2",
+            "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-0.6.2.tgz",
+            "integrity": "sha512-/3GptzWzu0+0MBQFrDKzw/DvvMTUORvgY6k6jd/VS6iCR4RDTKWH6v6WPwQoUO8667uQEf9Oe38DxAYWY5F/Ug==",
+            "dev": true
+        },
         "source-map-resolve": {
             "version": "0.5.2",
             "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.2.tgz",

package.json

@@ -20,12 +20,14 @@
         "svg4everybody": "*"
     },
     "devDependencies": {
+        "autoprefixer": "^10.3.4",
         "browser-sync": "^2.26.13",
         "concat": "^1.0.3",
         "esbuild": "^0.12.28",
         "kleur": "^4.1.4",
         "node-notifier": "^10.0.0",
         "node-sass": "^6.0.1",
+        "postcss": "^8.3.6",
         "svg-mixer": "^2.3.14"
     }
 }

www/assets/styles/critical.css

@@ -1,2 +0,0 @@
-
-/*# sourceMappingURL=critical.css.map */

www/assets/styles/critical.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"critical.css"}