diff options
Diffstat (limited to 'assets/css/components/progress-bar.css')
| -rw-r--r-- | assets/css/components/progress-bar.css | 25 |
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; + } } |
