From b1d3e5315bf92b925a1ca0603c2e476ae8c3d306 Mon Sep 17 00:00:00 2001 From: "Danilo M." Date: Sun, 5 Apr 2026 08:39:03 +0200 Subject: style: add card, feed, code, and progress bar styles --- assets/css/components/progress-bar.css | 22 ++++++++++++++++++++++ 1 file changed, 22 insertions(+) create mode 100644 assets/css/components/progress-bar.css (limited to 'assets/css/components/progress-bar.css') diff --git a/assets/css/components/progress-bar.css b/assets/css/components/progress-bar.css new file mode 100644 index 0000000..f89f4a8 --- /dev/null +++ b/assets/css/components/progress-bar.css @@ -0,0 +1,22 @@ +/* progress-bar.css */ +.reading-progress { + position: fixed; + top: 0; + left: 0; + height: 3px; + background: linear-gradient(90deg, var(--accent), var(--accent2)); + 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; +} + +/* Hide if no scrollable content */ +body:not(.scrollable) .reading-progress { + display: none; +} -- cgit v1.2.3