BUILD: Move from scssphp to sass

Author: Mataniko

.browserslistrc

@@ -0,0 +1,3 @@
+# Browsers supported in our CSS
+
+last 4 versions

build.js

@@ -0,0 +1,24 @@
+const sass = require('sass');
+const fs = require('fs');
+const autoprefixer = require('autoprefixer');
+
+async function renderScss(filename) {
+    const inFile = `./scss/${filename}.scss`;
+    const outFile = `./public_html/css/${filename}.css`;
+
+    console.log(`Converting ${inFile} to css`);
+    const output = sass.renderSync({
+        outputStyle: "compressed",
+        file: inFile,
+
+    });
+
+    console.log(`Applying autoprefixer`);
+    const result = await autoprefixer.process(output.css, { from: undefined });
+
+    console.log(`Writing to ${outFile}`);
+    fs.writeFileSync(outFile, result.css);
+}
+
+renderScss('main_rtl');
+renderScss('main_ltr');

composer.json

@@ -17,7 +17,6 @@
     "piwik/device-detector": "^3.11",
     "spatie/yaml-front-matter": "^2.0",
     "erusev/parsedown": "^1.7",
-    "scssphp/scssphp": "^1.2",
     "composer/semver": "^3.2",
     "phpfastcache/phpfastcache": "^8.0",
     "league/csv": "^9.6",
@@ -34,7 +33,6 @@
   "scripts": {
     "build-common": [
       "@icons",
-      "@scss",
       "@localize"
     ],
     "build": [
@@ -61,11 +59,6 @@
     "update-data": [
       "php include/DataUtils.php"
     ],
-    "scss": [
-      "pscss -f compressed ./scss/main_ltr.scss > ./public_html/css/main_ltr.css",
-      "pscss -f compressed ./scss/main_rtl.scss > ./public_html/css/main_rtl.css",
-      "pscss -f compressed ./scss/pages/_mirrorbrain.scss > ./public_html/css/mirrorbrain.css"
-    ],
     "localize": [
       "php include/LocalizationUtils.php"
     ],

package.json

@@ -4,13 +4,11 @@
   "version": "1.0.0",
   "dependencies": {
     "autoprefixer": "^9.8.6",
-    "postcss-cli": "^6.1.3"
-  },
-  "devDependencies": {
+    "postcss-cli": "^6.1.3",
     "sass": "1.26.10"
   },
   "scripts": {
-    "postinstall": "postcss ./public_html/css/*.css --use autoprefixer --no-map -r",
-    "sass": "sass --watch ./scss:./public_html/css"
+    "scss:watch": "sass --watch ./scss:./public_html/css",
+    "build": "node build.js"
   }
 }