From 0b2fbe3f5b9e2fcf0da2b320af504d5cca759045 Mon Sep 17 00:00:00 2001
From: Joe Carstairs <118172583+jcarstairs-scottlogic@users.noreply.github.com>
Date: Fri, 19 Jan 2024 07:32:30 +0000
Subject: Layout and typography improvements (#63)

* Adds soft hyphens to homepage

* auto-hyphenates!

* Tighter line-height in logo

* Fixes spacing and typography below xs breakpoint

* Fixes xs-sm spacing and typography

* Fixes border widths

* Link hover uses wavy underline instead of fat underline

* Fixes committee img layout on <xs

* Nice separators between committee members

* Better styling for committee member heading

* Consistent start-end block padding for sections

* Better breadcrumb styling

* Neatens alignment in footer

* Renames scss/variables -> scss/custom-properties

* Pulls out colours SCSS variables

* Merges margins and padding values

* Moves variables/colours -> values/colours

* Starts migrating spacing values to SCSS

* Pulls out typography logic to SCSS variables/functions

* Removes unneeded --er custom property

* Calculates grid-total-width-absolute in SCSS

* Forwards constants with @forward

* Removes TODOs and unnecessary assignment to --width-prose
---
 scss/values/spacing/_constants.scss | 58 +++++++++++++++++++++++++++++++++++++
 1 file changed, 58 insertions(+)
 create mode 100644 scss/values/spacing/_constants.scss

(limited to 'scss/values/spacing/_constants.scss')

diff --git a/scss/values/spacing/_constants.scss b/scss/values/spacing/_constants.scss
new file mode 100644
index 0000000..9a990b8
--- /dev/null
+++ b/scss/values/spacing/_constants.scss
@@ -0,0 +1,58 @@
+$grid-column-width-er: 32;
+$grid-gutter-width-er: 4;
+
+$grid-padding-er: (
+  'xxl': 32,
+  'xl': 26,
+  'lg': 20,
+  'md': 16,
+  'sm': 12,
+  'xs': 4,
+  'initial': 1
+);
+
+$grid-column-count: (
+  'xxl': 12,
+  'xl': 12,
+  'lg': 12,
+  'md': 8,
+  'sm': 8,
+  'xs': 4,
+  'initial': 1
+);
+
+$grid-prose-column-count: (
+  'xxl': 8,
+  'xl': 8,
+  'lg': 8,
+  'md': 8,
+  'sm': 8,
+  'xs': 4,
+  'initial': 1
+);
+
+$grid-padding-er: (
+  'xxl': 32,
+  'xl': 26,
+  'lg': 20,
+  'md': 16,
+  'sm': 12,
+  'xs': 4,
+  'initial': 1
+);
+
+$spacing-factor: (
+  'inline': (lg: 4, md: 2, sm: 1),
+  'block': (lg: 16, md: 10, sm: 5)
+);
+
+$grid-min-total-width-absolute: (
+  'xxl': 100rem,
+  'xl': 80rem,
+  'lg': 64rem,
+  'md': 48rem,
+  'sm': 30rem,
+  'xs': 100vw,
+  'initial': 100vw
+);
+
-- 
cgit v1.2.3