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/modules/link-gallery.scss | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'scss/modules/link-gallery.scss')

diff --git a/scss/modules/link-gallery.scss b/scss/modules/link-gallery.scss
index 56949e2..d321419 100644
--- a/scss/modules/link-gallery.scss
+++ b/scss/modules/link-gallery.scss
@@ -2,7 +2,7 @@
   display: grid;
   grid-template-columns: repeat(var(--grid-column-count), var(--grid-column-width));
   gap: var(--grid-gutter-width);
-  padding-block: var(--margin-block-md);
+  padding-block: var(--spacing-block-md);
   --gallery-item-column-span: 1;
   --gallery-row-image-height: 12rem;
   --gallery-row-title-height: fit-content;
@@ -25,13 +25,13 @@
   display: grid;
   grid-template-columns: 1fr;
   grid-template-rows: var(--gallery-row-image-height) var(--gallery-row-title-height);
-  row-gap: var(--margin-block-sm);
+  row-gap: var(--spacing-block-sm);
 }
 
 .link-gallery--furthsettins img {
   box-sizing: border-box;
   border-radius: 50%;
-  border: solid calc(2 * var(--relative-eighth-rem)) var(--text-color);
+  border: solid var(--border-width) var(--text-color);
 }
 
 .link-gallery__title {
-- 
cgit v1.2.3