chore: some changes

2024-03-07 18:45:26 +01:00
parent 16c8a6dd7a
commit cf9ac2994a
7 changed files with 112 additions and 99 deletions
@@ -1,3 +1,6 @@
+$news-bg: #fffbeb;
+$news-accent-bg: #f8e8b1;
+
@import './mixins.scss';

 //
@@ -104,3 +107,68 @@
        }
    }
 }
+
+.news-item {
+    background: $news-bg;
+
+    @include neo-brutalist-card($size: 3px, $offset: 9px);
+
+    display: flex;
+    flex-direction: column;
+
+    width: 22rem;
+    max-height: 27rem;
+
+    ::-webkit-scrollbar {
+        width: 10px;
+    }
+
+    ::-webkit-scrollbar-thumb {
+        background-color: #c67e14;
+        border: 2px solid #222;
+
+        &:hover {
+            background-color: #e69419;
+        }
+    }
+
+    a {
+        font-weight: 600;
+        text-decoration: none;
+        color: #c67e14;
+
+        &:hover {
+            text-decoration: underline solid 2px;
+        }
+    }
+
+    & > .title {
+        // border-bottom: 2px solid #222;
+
+        border-top-left-radius: 9px;
+        border-top-right-radius: 9px;
+
+        padding: 1rem;
+        background: $news-accent-bg;
+
+        font-family: 'Source Sans Pro', sans-serif;
+        font-weight: 700;
+        font-size: 32px;
+    }
+    & > .abstract {
+        flex-grow: 1;
+
+        padding: 1rem;
+
+        overflow-y: auto;
+
+        @extend .text;
+    }
+    & > .continue {
+        padding: 1rem;
+
+        display: grid;
+        align-items: end;
+        justify-content: end;
+    }
+}