aboutsummaryrefslogtreecommitdiff
path: root/assets/styles/extra/scroll-indicator.scss
diff options
context:
space:
mode:
authorFuwn <[email protected]>2021-01-21 19:19:46 -0800
committerFuwn <[email protected]>2021-01-21 19:19:46 -0800
commit64537f8850fe00b759f258999f33ffd0ad8c08d6 (patch)
tree8c8a5f32a75f1318c49ca33b0e279780c9896008 /assets/styles/extra/scroll-indicator.scss
parent:sa: (diff)
downloadme-64537f8850fe00b759f258999f33ffd0ad8c08d6.tar.xz
me-64537f8850fe00b759f258999f33ffd0ad8c08d6.zip
:star:
Diffstat (limited to 'assets/styles/extra/scroll-indicator.scss')
-rw-r--r--assets/styles/extra/scroll-indicator.scss32
1 files changed, 32 insertions, 0 deletions
diff --git a/assets/styles/extra/scroll-indicator.scss b/assets/styles/extra/scroll-indicator.scss
new file mode 100644
index 0000000..e35abd9
--- /dev/null
+++ b/assets/styles/extra/scroll-indicator.scss
@@ -0,0 +1,32 @@
+.percent {
+ position: fixed;
+ display: flex;
+ flex-direction: column;
+ background: rgba(255, 255, 255, 0.2);
+ height: 140px;
+ width: 1px;
+ margin: -60px 0 0 40px;
+}
+
+/*---
+.percent {
+ position: fixed;
+ display: flex;
+ top: 50%;
+ transform: translateY(-50%);
+ right: 100px;
+ flex-direction: column;
+ background: rgba(255, 255, 255, 0.2);
+ height: 140px;
+ width: 1px;
+}
+--*/
+
+.fill {
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+ background: #fff;
+ transition: background 0.15s ease;
+}