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/layout/grid.xs.css | 55 -------------------------------------------
 1 file changed, 55 deletions(-)
 delete mode 100644 public/css/layout/grid.xs.css

(limited to 'public/css/layout/grid.xs.css')

diff --git a/public/css/layout/grid.xs.css b/public/css/layout/grid.xs.css
deleted file mode 100644
index e7c6d1a..0000000
--- a/public/css/layout/grid.xs.css
+++ /dev/null
@@ -1,55 +0,0 @@
-.grid-span-2 {
-  width: calc(var(--grid-column-width) * 2 + var(--grid-gutter-width));
-}
-
-.grid-span-3 {
-  width: calc(var(--grid-column-width) * 3 + var(--grid-gutter-width) * 2);
-}
-
-.grid-span-1.grid-end {
-  margin-inline-start: calc(
-    var(--grid-column-width) * (var(--grid-column-count) - 1) +
-    var(--grid-gutter-width) * (var(--grid-column-count) - 1)
-  );
-  margin-inline-end: 0;
-}
-
-.grid-span-2.grid-end {
-  margin-inline-start: calc(
-    var(--grid-column-width) * (var(--grid-column-count) - 2) +
-    var(--grid-gutter-width) * (var(--grid-column-count) - 2)
-  );
-  margin-inline-end: 0;
-}
-
-.grid-span-3.grid-end {
-  margin-inline-start: calc(
-    var(--grid-column-width) * (var(--grid-column-count) - 3) +
-    var(--grid-gutter-width) * (var(--grid-column-count) - 3)
-  );
-  margin-inline-end: 0;
-}
-
-.grid-span-1.grid-prose-end {
-  margin-inline-start: calc(
-    var(--grid-column-width) * (var(--grid-prose-column-count) - 1) +
-    var(--grid-gutter-width) * (var(--grid-prose-column-count) - 1)
-  );
-  margin-inline-end: 0;
-}
-
-.grid-span-2.grid-prose-end {
-  margin-inline-start: calc(
-    var(--grid-column-width) * (var(--grid-prose-column-count) - 2) +
-    var(--grid-gutter-width) * (var(--grid-prose-column-count) - 2)
-  );
-  margin-inline-end: 0;
-}
-
-.grid-span-3.grid-prose-end {
-  margin-inline-start: calc(
-    var(--grid-column-width) * (var(--grid-prose-column-count) - 3) +
-    var(--grid-gutter-width) * (var(--grid-prose-column-count) - 3)
-  );
-  margin-inline-end: 0;
-}
\ No newline at end of file
-- 
cgit v1.2.3