From f829e27f1a8f8525247a0ea7adff53c9e2a30028 Mon Sep 17 00:00:00 2001
From: weru <fromweru@gmail.com>
Date: Thu, 06 May 2021 21:54:41 +0000
Subject: [PATCH] style back-to-top button

---
 assets/sass/_base.sass |   36 +++++++++++++++++++++++++++++++++++-
 1 files changed, 35 insertions(+), 1 deletions(-)

diff --git a/assets/sass/_base.sass b/assets/sass/_base.sass
index f975b31..897348e 100644
--- a/assets/sass/_base.sass
+++ b/assets/sass/_base.sass
@@ -209,4 +209,38 @@
   min-height: 150px
 
 del
-  opacity: 0.5
\ No newline at end of file
+  opacity: 0.5
+
+#toTop
+  background: transparent
+  outline: 0.5rem solid transparent
+  height: 2rem
+  width: 2rem
+  cursor: pointer
+  padding: 0.5rem
+  display: flex
+  align-items: center
+  justify-content: center
+  position: fixed
+  right: 0
+  bottom: 2.25rem
+  transform: rotate(45deg) translate(5rem) 
+  opacity: 0
+  transition: opacity 0.5s var(--ease), transform 0.25s var(--ease)
+  z-index: 5
+  &.active
+    right: 1.5rem
+    opacity: 1
+    transform: rotate(45deg) translate(0)
+  &::after, &::before
+    position: absolute
+    display: block
+    width: 1rem
+    height: 1rem
+    content: ""
+    border-left: 1px solid var(--text)
+    border-top: 1px solid var(--text)
+  &::after
+    width: 0.67rem
+    height: 0.67rem
+    transform: translate(0.1rem, 0.1rem)
\ No newline at end of file

--
Gitblit v1.10.0