Use postcss to combine & minify styles

.gitignore

@@ -0,0 +1 @@
+node_modules

assets/css/styles.css

@@ -0,0 +1,2 @@
+@import "./global.css";
+@import "./cube.css";

package.json

@@ -0,0 +1,28 @@
+{
+  "name": "zx-spectrum",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build:css": "postcss assets/css/styles.css > styles.css"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/lewisdaleuk/zx-spectrum-wp.git"
+  },
+  "author": "",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/lewisdaleuk/zx-spectrum-wp/issues"
+  },
+  "homepage": "https://github.com/lewisdaleuk/zx-spectrum-wp#readme",
+  "devDependencies": {
+    "autoprefixer": "^10.4.13",
+    "cssnano": "^5.1.14",
+    "postcss": "^8.4.21",
+    "postcss-cli": "^10.1.0",
+    "postcss-import": "^15.1.0",
+    "postcss-import-ext-glob": "^2.1.1"
+  }
+}

postcss.config.js

@@ -0,0 +1,10 @@
+module.exports = {
+    plugins: [
+        require('postcss-import-ext-glob'),
+        require('postcss-import'),
+        require('autoprefixer'),
+        require('cssnano')({
+            preset: 'default',
+        }),
+    ]
+};

styles.css

@@ -0,0 +1 @@
+@font-face{font-display:swap;font-family:Zx Spectrum;font-style:normal;font-weight:100;font-weight:400;src:url(/wp-content/themes/zx-spectrum/assets/fonts/zx_spectrum-7-webfont.woff2) format("woff2"),url(/wp-content/themes/zx-spectrum/assets/fonts/zx_spectrum-7-webfont.woff) format("woff")}@font-face{font-display:swap;font-family:Zx Spectrum;font-style:bold;font-weight:700;src:url(/wp-content/themes/zx-spectrum/assets/fonts/zx_spectrum-7_bold-webfont.woff2) format("woff2"),url(/wp-content/themes/zx-spectrum/assets/fonts/zx_spectrum-7_bold-webfont.woff) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100;src:url(/fonts/inter/Inter-Thin.woff2?v=3.19) format("woff2"),url(/fonts/inter/Inter-Thin.woff?v=3.19) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:100;src:url(/fonts/inter/Inter-ThinItalic.woff2?v=3.19) format("woff2"),url(/fonts/inter/Inter-ThinItalic.woff?v=3.19) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:200;src:url(/fonts/inter/Inter-ExtraLight.woff2?v=3.19) format("woff2"),url(/fonts/inter/Inter-ExtraLight.woff?v=3.19) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:200;src:url(/fonts/inter/Inter-ExtraLightItalic.woff2?v=3.19) format("woff2"),url(/fonts/inter/Inter-ExtraLightItalic.woff?v=3.19) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(/fonts/inter/Inter-Light.woff2?v=3.19) format("woff2"),url(/fonts/inter/Inter-Light.woff?v=3.19) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:300;src:url(/fonts/inter/Inter-LightItalic.woff2?v=3.19) format("woff2"),url(/fonts/inter/Inter-LightItalic.woff?v=3.19) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/fonts/inter/Inter-Regular.woff2?v=3.19) format("woff2"),url(/fonts/inter/Inter-Regular.woff?v=3.19) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:400;src:url(/fonts/inter/Inter-Italic.woff2?v=3.19) format("woff2"),url(/fonts/inter/Inter-Italic.woff?v=3.19) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/fonts/inter/Inter-Medium.woff2?v=3.19) format("woff2"),url(/fonts/inter/Inter-Medium.woff?v=3.19) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:500;src:url(/fonts/inter/Inter-MediumItalic.woff2?v=3.19) format("woff2"),url(/fonts/inter/Inter-MediumItalic.woff?v=3.19) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(/fonts/inter/Inter-SemiBold.woff2?v=3.19) format("woff2"),url(/fonts/inter/Inter-SemiBold.woff?v=3.19) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:600;src:url(/fonts/inter/Inter-SemiBoldItalic.woff2?v=3.19) format("woff2"),url(/fonts/inter/Inter-SemiBoldItalic.woff?v=3.19) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/fonts/inter/Inter-Bold.woff2?v=3.19) format("woff2"),url(/fonts/inter/Inter-Bold.woff?v=3.19) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:700;src:url(/fonts/inter/Inter-BoldItalic.woff2?v=3.19) format("woff2"),url(/fonts/inter/Inter-BoldItalic.woff?v=3.19) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:800;src:url(/fonts/inter/Inter-ExtraBold.woff2?v=3.19) format("woff2"),url(/fonts/inter/Inter-ExtraBold.woff?v=3.19) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:800;src:url(/fonts/inter/Inter-ExtraBoldItalic.woff2?v=3.19) format("woff2"),url(/fonts/inter/Inter-ExtraBoldItalic.woff?v=3.19) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:900;src:url(/fonts/inter/Inter-Black.woff2?v=3.19) format("woff2"),url(/fonts/inter/Inter-Black.woff?v=3.19) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:900;src:url(/fonts/inter/Inter-BlackItalic.woff2?v=3.19) format("woff2"),url(/fonts/inter/Inter-BlackItalic.woff?v=3.19) format("woff")}@font-face{font-named-instance:"Regular";font-display:swap;font-family:Inter var;font-style:normal;font-weight:100 900;src:url(/fonts/inter/Inter-roman.var.woff2?v=3.19) format("woff2")}@font-face{font-named-instance:"Italic";font-display:swap;font-family:Inter var;font-style:italic;font-weight:100 900;src:url(/fonts/inter/Inter-italic.var.woff2?v=3.19) format("woff2")}@font-face{font-display:swap;font-family:Inter var experimental;font-style:oblique 0deg 10deg;font-weight:100 900;src:url(/fonts/inter/Inter.var.woff2?v=3.19) format("woff2")}@font-face{font-display:swap;font-family:Christmas;font-style:normal;src:url(/fonts/christmas.ttf) format("ttf")}:Line truncated