From 4c585f562ccd2a7474367d21ba772140dfb3b03d Mon Sep 17 00:00:00 2001
From: Joe Carstairs <65492573+Sycamost@users.noreply.github.com>
Date: Wed, 23 Aug 2023 07:48:52 +0100
Subject: Adds about us section

---
 public/css/modules/committee.css    |  4 ++++
 public/css/modules/committee.md.css | 15 +++++++++++++++
 public/css/modules/committee.xl.css | 15 +++++++++++++++
 public/css/modules/index.css        |  4 +++-
 4 files changed, 37 insertions(+), 1 deletion(-)
 create mode 100644 public/css/modules/committee.css
 create mode 100644 public/css/modules/committee.md.css
 create mode 100644 public/css/modules/committee.xl.css

(limited to 'public/css/modules')

diff --git a/public/css/modules/committee.css b/public/css/modules/committee.css
new file mode 100644
index 0000000..b8a75a5
--- /dev/null
+++ b/public/css/modules/committee.css
@@ -0,0 +1,4 @@
+.committee__member__img {
+  margin-inline: calc(var(--grid-column-width) + var(--grid-gutter-width));
+  width: calc(var(--grid-gutter-width) + 2 * var(--grid-column-width));
+}
\ No newline at end of file
diff --git a/public/css/modules/committee.md.css b/public/css/modules/committee.md.css
new file mode 100644
index 0000000..23a4cba
--- /dev/null
+++ b/public/css/modules/committee.md.css
@@ -0,0 +1,15 @@
+.committee__member {
+  display: grid;
+  grid-template-columns: repeat(var(--grid-column-count), var(--grid-column-width));
+  grid-template-rows: 1fr;
+  column-gap: var(--grid-gutter-width);
+}
+
+.committee__member__img {
+  grid-column: 1 / 3;
+  margin-block: auto;
+}
+
+.committee__member__text {
+  grid-column: 3 / min(9, calc(var(--grid-column-count) + 1));
+}
\ No newline at end of file
diff --git a/public/css/modules/committee.xl.css b/public/css/modules/committee.xl.css
new file mode 100644
index 0000000..94d8429
--- /dev/null
+++ b/public/css/modules/committee.xl.css
@@ -0,0 +1,15 @@
+.committee__member {
+  display: grid;
+  grid-template-columns: repeat(var(--grid-column-count), var(--grid-column-width));
+  grid-template-rows: 1fr;
+  column-gap: var(--grid-gutter-width);
+}
+
+.committee__member__img {
+  grid-column: 1 / 3;
+  margin-block: auto;
+}
+
+.committee__member__text {
+  grid-column: 3 / min(11, calc(var(--grid-column-count) + 1));
+}
\ No newline at end of file
diff --git a/public/css/modules/index.css b/public/css/modules/index.css
index 9194307..618e4ca 100644
--- a/public/css/modules/index.css
+++ b/public/css/modules/index.css
@@ -9,4 +9,6 @@
 @import './nav.css';
 @import './nav.md.css' (min-width: 48rem);
 @import './nav.lg.css' (min-width: 64rem);
-@import './skip-to-content.css';
\ No newline at end of file
+@import './skip-to-content.css';
+@import './committee.css';
+@import './committee.md.css' (min-width: 48rem);
\ No newline at end of file
-- 
cgit v1.2.3