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>
---
 public/css/base/index.css      |  3 --
 public/css/base/list.css       |  4 ---
 public/css/base/theme.css      | 13 --------
 public/css/base/typography.css | 68 ------------------------------------------
 4 files changed, 88 deletions(-)
 delete mode 100644 public/css/base/index.css
 delete mode 100644 public/css/base/list.css
 delete mode 100644 public/css/base/theme.css
 delete mode 100644 public/css/base/typography.css

(limited to 'public/css/base')

diff --git a/public/css/base/index.css b/public/css/base/index.css
deleted file mode 100644
index a8e9f15..0000000
--- a/public/css/base/index.css
+++ /dev/null
@@ -1,3 +0,0 @@
-@import './typography.css';
-@import './theme.css';
-@import './list.css';
\ No newline at end of file
diff --git a/public/css/base/list.css b/public/css/base/list.css
deleted file mode 100644
index 2fd402b..0000000
--- a/public/css/base/list.css
+++ /dev/null
@@ -1,4 +0,0 @@
-ol li {
-  list-style-type: decimal;
-  margin-inline-start: --spacing-inline-md;
-}
\ No newline at end of file
diff --git a/public/css/base/theme.css b/public/css/base/theme.css
deleted file mode 100644
index f5d178c..0000000
--- a/public/css/base/theme.css
+++ /dev/null
@@ -1,13 +0,0 @@
-:root {
-  color: var(--text-color);
-  background-color: var(--background-color);
-}
-
-:is(main, article) {
-  color: var(--text-color);
-  background-color: var(--background-color);
-}
-
-:is(main, article) > section:not(:is(section, header) :is(section, header)) {
-  background-color: var(--background-color);
-}
\ No newline at end of file
diff --git a/public/css/base/typography.css b/public/css/base/typography.css
deleted file mode 100644
index fb2ac17..0000000
--- a/public/css/base/typography.css
+++ /dev/null
@@ -1,68 +0,0 @@
-body {
-  font-family: var(--font-sans-serif);
-  font-size: var(--font-size-1);
-  font-weight: 400;
-  letter-spacing: 0.03rem;
-  line-height: 1.5;
-  word-wrap: break-word;
-}
-
-h1 {
-  font-size: var(--font-size-5);
-}
-
-h1:not(:first-child) {
-  margin-block-start: var(--margin-block-lg);
-}
-
-h2 {
-  font-size: var(--font-size-4);
-}
-
-h2:not(:first-child) {
-  margin-block-start: var(--margin-block-lg);
-}
-
-h3 {
-  font-size: var(--font-size-3);
-}
-
-h3:not(:first-child) {
-  margin-block-start: var(--margin-block-md);
-}
-
-h4 {
-  font-size: var(--font-size-2);
-}
-
-h4:not(:first-child) {
-  margin-block-start: var(--margin-block-sm);
-}
-
-h1,
-h2,
-h3,
-h4 {
-  font-family: var(--font-serif);
-  font-weight: 700;
-}
-
-.title {
-  font-family: var(--font-serif);
-  font-size: var(--font-size-6);
-  font-weight: 700;
-  margin-block-start: var(--margin-block-sm);
-}
-
-.title--small {
-  font-size: var(--font-size-2);
-  margin-block-start: 0;
-}
-
-p:not(:first-child) {
-  margin-block-start: var(--margin-block-sm);
-}
-
-:is(p, h1, h2, h3, h4) {
-  max-width: var(--width-prose);
-}
-- 
cgit v1.2.3