style improvements

reeseschultz · Mar 4, 2024 · ef3c135 · ef3c135
1 parent d492a4a
commit ef3c135
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 18 deletions.
diff --git a/src/_includes/posts.pug b/src/_includes/posts.pug
@@ -12,19 +12,20 @@ if (filteredBy)
 ul.posts
     //- `results` comes from *.tmpl.js
     for post in results
-        li.post
-            h2.title
-                a(href=post.data.url)= post.data.title
+        li.post-container
+            .post
+                h2.title
+                    a(href=post.data.url)= post.data.title
 
-            p.excerpt= post.data.excerpt
+                p.excerpt= post.data.excerpt
 
-            #post-info
-                p.date.for-list= formatDate(post.data.date)
+                #post-info
+                    p.date.for-list= formatDate(post.data.date)
 
-                ul.tags
-                    for tag in post.data.tags
-                        li.tag(class=tag)
-                            a(href=`/blog/tag/${tag}`)= formatTag(tag)
+                    ul.tags.for-list
+                        for tag in post.data.tags
+                            li.tag(class=tag)
+                                a(href=`/blog/tag/${tag}`)= formatTag(tag)
 
 if pagination.totalPages != 1
     #pagination

diff --git a/src/_includes/styles/list.scss b/src/_includes/styles/list.scss
@@ -14,16 +14,19 @@
     padding-right: 1rem;
 }
 
-#content>ul.posts>li.post {
+#content>ul.posts>li.post-container {
     border-bottom: 1px solid $grey;
     padding-left: 1rem;
     padding-right: 1rem;
     padding-bottom: 1rem;
     margin-bottom: 1rem;
+    min-height: 225px;
+    display: flex;
+    align-items: center;
 }
 
-#content>ul.posts>li.post:first-child {
-    padding-top: 1rem;
+#content>ul.posts>li.post-container>.post {
+    width: 100%;
 }
 
 #post>ol,

diff --git a/src/_includes/styles/tag.scss b/src/_includes/styles/tag.scss
@@ -1,7 +1,7 @@
 #post-info>ul.tags {
     display: flex;
-    justify-content: space-between;
     list-style-type: none;
+    justify-content: space-between;
     padding-top: 1rem;
 }
 

diff --git a/src/_includes/styles/text.scss b/src/_includes/styles/text.scss
@@ -72,7 +72,7 @@ blockquote>p {
     line-height: 1.75rem;
 }
 
-#content>ul.posts>li.post>h2.title {
+#content>ul.posts>li.post-container>.post>h2.title {
     margin-top: 0;
     padding-top: 1rem;
 }
@@ -94,7 +94,7 @@ blockquote>p {
     margin-bottom: 2rem;
 }
 
-li.post>p.excerpt {
+li.post-container>.post>p.excerpt {
     color: $light;
 }
 
@@ -142,8 +142,9 @@ p.go-back.for-post {
 }
 
 #post-info>p.date.for-post {
-    margin-bottom: 0;
-    padding-bottom: 0;
+    color: $grey;
+    padding-bottom: 0.5rem;
+    border-bottom: 1px solid $grey;
 }
 
 #footer>a,