feat: add mobile compact post view

not-matthias · Oct 5, 2023 · f1ff5a7 · f1ff5a7
1 parent 74d716c
commit f1ff5a7
Showing 1 changed file with 31 additions and 12 deletions.
diff --git a/sass/parts/_misc.scss b/sass/parts/_misc.scss
@@ -65,18 +65,37 @@ time {
   margin-bottom: 30px;
 }
 
-.post-header {
-  display: grid;
-  gap: 1rem;
-  grid-row-gap: 1.5rem;
-  grid-template-columns: auto 1fr;
-
-  h1 {
-    margin: 0;
-    font-size: 130%;
-
-    a {
-      border-bottom: none;
+@media all and (max-width: 640px) {
+  .post-header {
+    display: grid;
+    grid-template-rows: auto 1fr;
+
+    h1 {
+      margin-top: 0;
+      // font-size: 130%;
+
+      a {
+        border-bottom: none;
+      }
+    }
+  }
+}
+
+/* Post list */
+@media all and (min-width: 640px) {
+  .post-header {
+    display: grid;
+    gap: 1rem;
+    grid-row-gap: 1.5rem;
+    grid-template-columns: auto 1fr;
+
+    h1 {
+      margin: 0;
+      font-size: 130%;
+
+      a {
+        border-bottom: none;
+      }
     }
   }
 }