summaryrefslogtreecommitdiff
path: root/scss/modules/_product.scss
diff options
context:
space:
mode:
authorJoe Carstairs <118172583+jcarstairs-scottlogic@users.noreply.github.com>2024-01-19 09:16:42 +0000
committerGitHub <noreply@github.com>2024-01-19 09:16:42 +0000
commit0cb6960f0c65c0d791ccdee2f5bc2e2b910cfb76 (patch)
tree503e1129a999fe834d2a7b98a4e82bf07264f49f /scss/modules/_product.scss
parent0b2fbe3f5b9e2fcf0da2b320af504d5cca759045 (diff)
Uses SCSS partials (#64)
Diffstat (limited to 'scss/modules/_product.scss')
-rw-r--r--scss/modules/_product.scss31
1 files changed, 31 insertions, 0 deletions
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;
+ }
+}