💄 style: use cards/boxes for tag list

2023-03-01 00:57:44 +01:00
parent b1728fc441
commit b33a942766
3 changed files with 74 additions and 28 deletions
--- a/sass/parts/_tags.scss
+++ b/sass/parts/_tags.scss
@@ -0,0 +1,54 @@
+.taglist-container {
+    display: flex;
+    flex-wrap: wrap;
+    padding: 0;
+
+    .taglist-table-row {
+        padding: 2%;
+        background-color: var(--navbar-color);
+        transition: 300ms;
+        width: 28%;
+        margin-right: 1%;
+        margin-top: 1%;
+
+        .card-meta {
+            margin-bottom: 2.3rem;
+        }
+
+        &:hover {
+            box-shadow: 0.5rem 0.5rem 0 var(--border-color);
+        }
+    }
+
+    @media only screen and (max-width: 600px) {
+        .taglist-table-row {
+            width: 100%;
+        }
+    }
+}
+
+.posts {
+    padding: 0;
+    margin-top: 1.2rem;
+
+    .post {
+        display: flex;
+        flex-direction: column;
+        margin-bottom: 0.5rem;
+    }
+
+    .title {
+        display: block;
+        margin-bottom: 0.5rem;
+    }
+
+    .date {
+        display: block;
+    }
+
+    ul {
+        list-style: none;
+        padding: 0;
+        margin: 0
+    }
+}