From 0cb6960f0c65c0d791ccdee2f5bc2e2b910cfb76 Mon Sep 17 00:00:00 2001
From: Joe Carstairs <118172583+jcarstairs-scottlogic@users.noreply.github.com>
Date: Fri, 19 Jan 2024 09:16:42 +0000
Subject: Uses SCSS partials (#64)

---
 scss/modules/_link-gallery.scss | 42 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)
 create mode 100644 scss/modules/_link-gallery.scss

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

diff --git a/scss/modules/_link-gallery.scss b/scss/modules/_link-gallery.scss
new file mode 100644
index 0000000..d321419
--- /dev/null
+++ b/scss/modules/_link-gallery.scss
@@ -0,0 +1,42 @@
+.link-gallery {
+  display: grid;
+  grid-template-columns: repeat(var(--grid-column-count), var(--grid-column-width));
+  gap: var(--grid-gutter-width);
+  padding-block: var(--spacing-block-md);
+  --gallery-item-column-span: 1;
+  --gallery-row-image-height: 12rem;
+  --gallery-row-title-height: fit-content;
+  text-align: center;
+
+  li {
+    list-style-type: none;
+    grid-column: span var(--gallery-item-column-span);
+  }
+
+  img {
+    max-width: 100%;
+    max-height: 100%;
+    margin: auto;
+    object-fit: contain;
+  }
+}
+
+.link-gallery__container {
+  display: grid;
+  grid-template-columns: 1fr;
+  grid-template-rows: var(--gallery-row-image-height) var(--gallery-row-title-height);
+  row-gap: var(--spacing-block-sm);
+}
+
+.link-gallery--furthsettins img {
+  box-sizing: border-box;
+  border-radius: 50%;
+  border: solid var(--border-width) var(--text-color);
+}
+
+.link-gallery__title {
+  width: 100%;
+  height: min-content;
+  text-align: center;
+  margin-inline: var(--spacing-inline-xs);
+}
-- 
cgit v1.2.3