From a1cabdeaaf3bade1bd0872bcafc52c81f1c31ce8 Mon Sep 17 00:00:00 2001
From: Joe Carstairs <65492573+Sycamost@users.noreply.github.com>
Date: Thu, 19 Oct 2023 23:13:30 +0100
Subject: Optimise CSS (#17)

* Installs Sass

* installs concurrently

* Ports CSS to SCSS

* Gitignores CSS build output

* Moves public/main.css to scss/index.scss

* Fixes port to SCSS

* Use-ifies base styles

* Use-ifies layout styles

* Use-ifies modules styles

* Use-ifies variables

* Use-ifies utils

* Moves normalize to scss

* Implements a CSS minifying step with CSSO

---------

Co-authored-by: Joe Carstairs <jcarstairs@scottlogic.com>
---
 package.json | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

(limited to 'package.json')

diff --git a/package.json b/package.json
index 03dfdcd..c482c23 100644
--- a/package.json
+++ b/package.json
@@ -2,11 +2,18 @@
   "type": "module",
   "private": "true",
   "scripts": {
-    "dev": "astro dev",
-    "start": "astro dev",
-    "build": "astro build",
+    "start": "concurrently \"npm run astro dev\" \"npm run dev-css\"",
+    "dev": "concurrently \"npm run astro dev\" \"npm run dev-css\"",
+    "dev-css": "sass scss:scss-build && concurrently \"npm run dev-sass\" \"npm run dev-csso\"",
+    "dev-sass": "sass --watch scss:scss-build",
+    "dev-csso": "sh dev_csso.sh",
+    "build": "npm run build-css && astro build",
+    "build-css": "npm run build-sass && npm run build-csso",
+    "build-sass": "sass scss:scss-build --no-source-map --style compressed",
+    "build-csso": "sh build_csso.sh",
     "preview": "astro preview",
     "astro": "astro",
+    "csso": "csso",
     "lint": "eslint .",
     "format": "prettier ./**/* --check",
     "format--write": "prettier ./**/* --write",
@@ -18,13 +25,16 @@
     "@astrojs/sitemap": "^3.0.0",
     "@paypal/paypal-js": "^6.0.1",
     "astro": "^3.2.2",
+    "csso-cli": "^4.0.2",
     "dotenv": "^16.3.1",
+    "sass": "^1.69.3",
     "typescript": "^5.2.2",
     "vercel": "^32.4.0"
   },
   "devDependencies": {
     "@typescript-eslint/eslint-plugin": "^6.2.1",
     "@typescript-eslint/parser": "^6.2.1",
+    "concurrently": "^8.2.1",
     "eslint": "^8.46.0",
     "eslint-plugin-astro": "^0.28.0",
     "husky": "^8.0.3",
-- 
cgit v1.2.3