style: add card, feed, code, and progress bar styles

1 files changed, 22 insertions, 0 deletions

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;
+}