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>
---
 scss/variables/colours.scss | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 scss/variables/colours.scss

(limited to 'scss/variables/colours.scss')

diff --git a/scss/variables/colours.scss b/scss/variables/colours.scss
new file mode 100644
index 0000000..65dd421
--- /dev/null
+++ b/scss/variables/colours.scss
@@ -0,0 +1,21 @@
+:root {
+  --text-color: var(--color-primary-98);
+  --text-highlight-color: var(--color-primary-10);
+  --background-color: var(--color-primary-10);
+  --background-highlight-color: var(--color-primary-90);
+  --special-text-color: var(--color-secondary-90);
+  --special-text-highlight-color: var(--color-secondary-10);
+}
+
+:is(main, article) {
+  --text-color: var(--color-primary-10);
+  --text-highlight-color: var(--color-primary-90);
+  --background-color: var(--color-primary-98);
+  --background-highlight-color: var(--color-primary-10);
+  --special-text-color: var(--color-secondary-40);
+  --special-text-highlight-color: var(--color-secondary-90);
+}
+
+:is(main, article) > section:nth-child(even):not(:is(section, header) :is(section, header)) {
+    --background-color: var(--color-primary-95);
+}
-- 
cgit v1.2.3