summaryrefslogtreecommitdiffstats
path: root/assets/css/components/progress-bar.css
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css/components/progress-bar.css')
-rw-r--r--assets/css/components/progress-bar.css25
1 files changed, 11 insertions, 14 deletions
diff --git a/assets/css/components/progress-bar.css b/assets/css/components/progress-bar.css
index f89f4a8..ee17fcc 100644
--- a/assets/css/components/progress-bar.css
+++ b/assets/css/components/progress-bar.css
@@ -1,22 +1,19 @@
/* progress-bar.css */
-.reading-progress {
+
+.progress-bar {
position: fixed;
top: 0;
left: 0;
- height: 3px;
- background: linear-gradient(90deg, var(--accent), var(--accent2));
+ height: 2px;
+ background: linear-gradient(to right, var(--accent), var(--accent2));
+ box-shadow: 0 0 10px var(--accent-glow);
+ z-index: var(--z-progress);
width: 0%;
- z-index: 200;
- transition: width 0.1s ease-out;
-}
-
-/* Only show on pages with sufficient content */
-.article-page .reading-progress,
-.page-page .reading-progress {
- display: block;
+ transition: width var(--duration-base) ease;
}
-/* Hide if no scrollable content */
-body:not(.scrollable) .reading-progress {
- display: none;
+@media (prefers-reduced-motion: reduce) {
+ .progress-bar {
+ transition: none;
+ }
}