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/_product.scss | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 scss/modules/_product.scss

(limited to 'scss/modules/_product.scss')

diff --git a/scss/modules/_product.scss b/scss/modules/_product.scss
new file mode 100644
index 0000000..bc05dfd
--- /dev/null
+++ b/scss/modules/_product.scss
@@ -0,0 +1,31 @@
+.product__header-block {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-evenly;
+  gap: var(--spacing-inline-sm);
+}
+
+.product__action-block {
+  display: flex;
+  flex-direction: column;
+  margin-inline: auto;
+  width: fit-content;
+  gap: var(--margin-block-sm);
+}
+
+.product__action-block img {
+  max-width: 12rem;
+  width: 100%;
+  height: auto;
+}
+
+:is(.product__contributors, .product__contributions) {
+  list-style-type: none;
+}
+
+.product__contribution__title {
+  font-style: italic;
+  &:has(+ .product__contribution__author) {
+    margin-inline-end: 0.3em;
+  }
+}
-- 
cgit v1.2.3