From 7c7a0a3c243b94b9344e18a37f686c600ec7b962 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Fri, 14 Jan 2022 12:14:35 +0100
Subject: chore: change posts list styles

---
 src/styles/pages/Listing.module.scss | 52 ------------------------------------
 src/styles/pages/Page.module.scss    |  3 ++-
 2 files changed, 2 insertions(+), 53 deletions(-)
 delete mode 100644 src/styles/pages/Listing.module.scss

(limited to 'src/styles/pages')

diff --git a/src/styles/pages/Listing.module.scss b/src/styles/pages/Listing.module.scss
deleted file mode 100644
index db826d7..0000000
--- a/src/styles/pages/Listing.module.scss
+++ /dev/null
@@ -1,52 +0,0 @@
-@use "@styles/abstracts/mixins" as mix;
-@use "@styles/abstracts/placeholders";
-
-.wrapper {
-  composes: grid from "@styles/layout/_grid.scss";
-  align-items: first baseline;
-  padding-bottom: var(--spacing-xl);
-
-  > header {
-    grid-column: 1 / -1;
-  }
-
-  > div {
-    grid-column: 1 / 3;
-  }
-
-  > button {
-    grid-column: 2;
-  }
-
-  > aside > div {
-    max-height: 100vh;
-    overflow: auto;
-  }
-}
-
-.body {
-  --column-3: 0;
-  --grid-gap: 0;
-
-  grid-column: 2;
-  composes: grid from "@styles/layout/_grid.scss";
-  align-items: first baseline;
-
-  @include mix.media("screen") {
-    @include mix.dimensions("md") {
-      grid-row: 2;
-    }
-  }
-
-  > * {
-    grid-column: 2;
-  }
-}
-
-.list {
-  @extend %reset-ordered-list;
-}
-
-li.item {
-  margin: 0 0 var(--spacing-md) 0;
-}
diff --git a/src/styles/pages/Page.module.scss b/src/styles/pages/Page.module.scss
index 3ce46d0..69b25c0 100644
--- a/src/styles/pages/Page.module.scss
+++ b/src/styles/pages/Page.module.scss
@@ -4,6 +4,7 @@
 
 .article {
   composes: grid from "@styles/layout/_grid.scss";
+  align-items: start;
 
   > header {
     grid-column: 1 / -1;
@@ -44,6 +45,7 @@
 
 li.item {
   margin: 0 0 var(--spacing-md) 0;
+  border-bottom: fun.convert-px(1) solid var(--color-border-light);
 }
 
 .comments {
@@ -60,7 +62,6 @@ li.item {
 }
 
 .aside {
-  align-self: start;
   max-height: 100vh;
   position: sticky;
   top: 0;
-- 
cgit v1.2.3