Scroll to top, conditional date on posts

1 files changed, 30 insertions, 0 deletions

diff --git a/assets/css/main.css b/assets/css/main.css
index 5a4f7c5..01fa94a 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -360,6 +360,10 @@ time {
 }
 
 /* Article */
+.post {
+    position: relative; /* Needed for post__scroll-top */
+}
+
 .post__header {
     margin-bottom: var(--gap-large);
 }
@@ -375,6 +379,32 @@ time {
     }
 }
 
+.post___scroll-top {
+    background-color: var(--bg-special);
+    border-radius: var(--border-radius-max);
+    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
+    cursor: pointer;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    height: 2.5rem;
+    width: 2.5rem;
+    position: absolute;
+    bottom: 5rem;
+    right: 0;
+    z-index: 1000;
+
+    & svg {
+        height: 2rem;
+        width: 2rem;
+        padding-bottom: 0.2rem;
+    }
+
+    &:hover {
+        background-color: var(--link-hover);
+    }
+}
+
 .post__tags {
     margin: var(--margin-padding-Y-big);
 }