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>

1 files changed, 42 insertions, 0 deletions

diff --git a/scss/variables/typography.scss b/scss/variables/typography.scss
new file mode 100644
index 0000000..f8515fd
--- /dev/null
+++ b/scss/variables/typography.scss
@@ -0,0 +1,42 @@
+:root {
+  --font-size-0: calc(8 * var(--relative-eighth-rem));
+  --font-size-1: calc(8 * var(--relative-eighth-rem));
+  --font-size-2: calc(8 * var(--relative-eighth-rem));
+  --font-size-3: calc(8 * var(--relative-eighth-rem));
+  --font-size-4: calc(8 * var(--relative-eighth-rem));
+  --font-size-5: calc(8 * var(--relative-eighth-rem));
+  --font-size-6: calc(8 * var(--relative-eighth-rem));
+
+  --font-serif:
+    Alegreya,
+    -apple-system-ui-serif,
+    Iowan Old Style,
+    Apple Garamond,
+    Baskerville,
+    Sitka, "Sitka Display", "Sitka Heading", "Sitka Text",
+    Times New Roman,
+    Droid Serif,
+    Times,
+    Source Serif Pro,
+    serif,
+    Apple Color Emoji,
+    Segoe UI Emoji,
+    Segoe UI Symbol;
+
+  --font-sans-serif:
+    'Alegreya Sans',
+    Lato,
+    -apple-system,
+    BlinkMacSystemFont,
+    avenir next,
+    avenir,
+    segoe ui,
+    helvetica neue,
+    helvetica,
+    Cantarell,
+    Ubuntu,
+    roboto,
+    noto,
+    arial,
+    sans-serif
+}
\ No newline at end of file