add news article list components

2024-05-10 20:31:05 +02:00
parent e6e0413ee0
commit 6baa7cb04e
5 changed files with 113 additions and 0 deletions
--- a/web/src/components/news/newsList.module.scss
+++ b/web/src/components/news/newsList.module.scss
@ -0,0 +1,34 @@
+.newsList {
+  display: grid;
+  grid-template-columns: repeat(12, 1fr);
+  column-gap: var(--spacing-gap-column);
+  row-gap: var(--spacing-gap-row);
+  padding-bottom: var(--spacing-section-bottom);
+
+  li {
+    grid-column: span 3;
+
+    h2 {
+      font-size: 1.4rem;
+    }
+
+    &:nth-child(1),
+    &:nth-child(2) {
+      grid-column: span 6;
+
+      h2 {
+        font-size: 1.8rem;
+      }
+    }
+
+    &:nth-child(3),
+    &:nth-child(4),
+    &:nth-child(5) {
+      grid-column: span 4;
+
+      h2 {
+        font-size: 1.6rem;
+      }
+    }
+  }
+}