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

1 files changed, 6 insertions, 7 deletions

diff --git a/scss/layout/section-margins.scss b/scss/layout/section-margins.scss
index a11073f..8105dcb 100644
--- a/scss/layout/section-margins.scss
+++ b/scss/layout/section-margins.scss
@@ -1,14 +1,13 @@
 :is(main, article) > :is(section, header):not(:is(section, header) :is(section, header)) {
-  padding-block-start: var(--margin-block-lg);
-  padding-block-end: var(--margin-block-md);
+  padding-block: var(--spacing-block-md);
 }
 
 footer {
-  padding-block-start: var(--margin-block-md);
-  padding-block-end: var(--margin-block-lg);
+  padding-block-start: var(--spacing-block-md);
+  padding-block-end: var(--spacing-block-lg);
 }
 
 nav {
-  padding-block-start: var(--margin-block-sm);
-  padding-block-end: var(--margin-block-md);
-}
\ No newline at end of file
+  padding-block-start: var(--spacing-block-sm);
+  padding-block-end: var(--spacing-block-md);
+}