chore: add a PostsList component

1 files changed, 32 insertions, 0 deletions

diff --git a/src/components/organisms/layout/posts-list.module.scss b/src/components/organisms/layout/posts-list.module.scss
new file mode 100644
index 0000000..4d80442
--- /dev/null
+++ b/src/components/organisms/layout/posts-list.module.scss
@@ -0,0 +1,32 @@
+@use "@styles/abstracts/mixins" as mix;
+@use "@styles/abstracts/placeholders";
+
+.section {
+  @include mix.media("screen") {
+    @include mix.dimensions("md") {
+      display: grid;
+      grid-template-columns: max-content minmax(0, 1fr);
+      align-items: first baseline;
+    }
+  }
+}
+
+.list {
+  @extend %reset-ordered-list;
+
+  .item {
+    margin-bottom: var(--spacing-md);
+  }
+}
+
+.year {
+  @include mix.media("screen") {
+    @include mix.dimensions("md") {
+      grid-column: 1;
+      justify-self: end;
+      margin-right: var(--spacing-lg);
+      position: sticky;
+      top: var(--spacing-xs);
+    }
+  }
+}