From fab184fe597c1c833cd0afee66387160f3029bdf Mon Sep 17 00:00:00 2001
From: Joe Carstairs <118172583+jcarstairs-scottlogic@users.noreply.github.com>
Date: Thu, 25 Jan 2024 17:01:13 +0000
Subject: Replaces a few straggler --margins with --spacing (#67)

---
 scss/modules/_link-gallery.xs.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'scss/modules/_link-gallery.xs.scss')

diff --git a/scss/modules/_link-gallery.xs.scss b/scss/modules/_link-gallery.xs.scss
index b2bf86c..805073d 100644
--- a/scss/modules/_link-gallery.xs.scss
+++ b/scss/modules/_link-gallery.xs.scss
@@ -1,7 +1,7 @@
 .link-gallery {
   grid-auto-rows: calc(
     var(--gallery-row-image-height) +
-    var(--margin-block-sm) +
+    var(--spacing-block-sm) +
     var(--gallery-row-title-height)
   );
   --gallery-item-column-span: 2;
-- 
cgit v1.2.3


From 1f9d3bce4de8a3a89105862304ea1544106a18ee Mon Sep 17 00:00:00 2001
From: Joe Carstairs <jcarstairs@scottlogic.com>
Date: Fri, 26 Jan 2024 14:13:45 +0000
Subject: Improves link gallery styling

---
 scss/modules/_link-gallery.xs.scss | 4 ++++
 1 file changed, 4 insertions(+)

(limited to 'scss/modules/_link-gallery.xs.scss')

diff --git a/scss/modules/_link-gallery.xs.scss b/scss/modules/_link-gallery.xs.scss
index 805073d..9bfc8d6 100644
--- a/scss/modules/_link-gallery.xs.scss
+++ b/scss/modules/_link-gallery.xs.scss
@@ -7,6 +7,10 @@
   --gallery-item-column-span: 2;
   --gallery-row-title-height: 11ex;
   text-align: center;
+
+  img {
+    max-width: 100%;
+  }
 }
 
 .link-gallery__title {
-- 
cgit v1.2.3


From 85ee3a64d521a85a7aa2e655bb3a6d3368502372 Mon Sep 17 00:00:00 2001
From: Joe Carstairs <jcarstairs@scottlogic.com>
Date: Fri, 26 Jan 2024 15:46:10 +0000
Subject: Adds .link-gallery--splash-first variant

---
 scss/modules/_link-gallery.xs.scss | 51 +++++++++++++++++++++++++++-----------
 1 file changed, 36 insertions(+), 15 deletions(-)

(limited to 'scss/modules/_link-gallery.xs.scss')

diff --git a/scss/modules/_link-gallery.xs.scss b/scss/modules/_link-gallery.xs.scss
index 9bfc8d6..a8f48ac 100644
--- a/scss/modules/_link-gallery.xs.scss
+++ b/scss/modules/_link-gallery.xs.scss
@@ -1,25 +1,46 @@
 .link-gallery {
-  grid-auto-rows: calc(
-    var(--gallery-row-image-height) +
-    var(--spacing-block-sm) +
-    var(--gallery-row-title-height)
-  );
   --gallery-item-column-span: 2;
   --gallery-row-title-height: 11ex;
-  text-align: center;
+
+  &:not(.link-gallery--splash-first) {
+    grid-auto-rows: calc(
+      var(--gallery-row-image-height) +
+      var(--spacing-block-sm) +
+      var(--gallery-row-title-height)
+    );
+
+    .link-gallery__title {
+      width: 100%;
+      height: 9.9ex;
+      height: 3lh;
+      text-overflow: ellipsis;
+      display: -webkit-box;
+      -webkit-line-clamp: 3;
+      -webkit-box-orient: vertical;
+      overflow: hidden;
+    }
+  }
 
   img {
     max-width: 100%;
   }
 }
 
-.link-gallery__title {
-  width: 100%;
-  height: 9.9ex;
-  height: 3lh;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  -webkit-line-clamp: 3;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
+.link-gallery--splash-first li:first-of-type {
+  :is(&.link-gallery__container, & .link-gallery__container) {
+    display: grid;
+    grid-template-columns: repeat(var(--grid-column-count), var(--grid-column-width));
+    gap: var(--grid-gutter-width);
+  }
+
+  img {
+    grid-column: span 2;
+  }
+
+  .link-gallery__title {
+    grid-column: span calc(var(--grid-prose-column-count) - 2);
+    align-self: center;
+    text-align: start;
+  }
 }
+
-- 
cgit v1.2.3