refactor: separate css utilities and apply button style to more link

1 files changed, 9 insertions, 9 deletions

diff --git a/assets/css/components/_postlist.scss b/assets/css/components/_postlist.scss
index 87a68026..31e99cd6 100644
--- a/assets/css/components/_postlist.scss
+++ b/assets/css/components/_postlist.scss
@@ -4,6 +4,14 @@
     font-weight: normal;
 }
 
+.index-section-morelink {
+    @include small-button;
+
+    &::after {
+        content: " »";
+    }
+}
+
 /* Post List Styles */
 
 .posts-list {
@@ -57,15 +65,7 @@
                 font-weight: bolder
             }
             a {
-                background-color: var(--block-background-color);
-                padding: 0.2rem 0.5rem;
-                text-decoration: none;
-                border-radius: 0.2rem;
-                border: 1px solid var(--background-color);
-                transition: border-color 0.3s ease;
-                &:hover, .active & {
-                    border: 1px solid var(--text-color)
-                }
+                @include small-button;
             }
         }