From 722ec20bad64d8c69b173c163011d37ad0b55591 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Thu, 6 Jan 2022 19:27:45 +0100
Subject: chore: move Main grid to its children

This way I can use full width background for some blocks.
---
 src/styles/pages/Listing.module.scss | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 src/styles/pages/Listing.module.scss

(limited to 'src/styles/pages/Listing.module.scss')

diff --git a/src/styles/pages/Listing.module.scss b/src/styles/pages/Listing.module.scss
new file mode 100644
index 0000000..1915148
--- /dev/null
+++ b/src/styles/pages/Listing.module.scss
@@ -0,0 +1,25 @@
+@use "@styles/abstracts/placeholders";
+
+.wrapper {
+  padding-bottom: var(--spacing-lg);
+}
+
+.list {
+  @extend %reset-ordered-list;
+}
+
+li.item {
+  margin: 0 0 var(--spacing-md) 0;
+}
+
+.body,
+.section {
+  display: grid;
+  grid-template-columns:
+    minmax(0, 1fr) min(calc(100vw - calc(var(--spacing-md) * 2)), 80ch)
+    minmax(0, 1fr);
+
+  > * {
+    grid-column: 2;
+  }
+}
-- 
cgit v1.2.3