summaryrefslogtreecommitdiffstats
path: root/src/components/organisms/layout/posts-list.module.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/organisms/layout/posts-list.module.scss')
-rw-r--r--src/components/organisms/layout/posts-list.module.scss32
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);
+ }
+ }
+}