1 files changed, 61 insertions, 0 deletions
diff --git a/assets/css/pages/bookmarks.css b/assets/css/pages/bookmarks.css
new file mode 100644
index 0000000..945b771
--- /dev/null
+++ b/assets/css/pages/bookmarks.css
@@ -0,0 +1,61 @@
+.bookmarks-title{
+  margin-bottom: var(--space-md);
+}
+
+.tree{ list-style-type: none; padding-left: 0; margin: 0; }
+
+.tree ul{ list-style-type: none; padding-left: 28px; margin: 5px 0; }
+
+.tree li{ margin: 4px 0; position: relative; }
+
+.tree summary{
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  padding: 8px 12px;
+  transition: background-color 0.2s ease;
+  font-weight: 600;
+  outline: none;
+  user-select: none;
+  background: var(--bg);
+  border: 1px solid var(--border);
+  border-radius: var(--r);
+}
+
+.tree summary:hover{ background-color: #fdd; border-color: var(--accent); }
+
+.tree summary::-webkit-details-marker{ display: none; }
+
+.tree summary::before{
+  content: ">";
+  color: var(--ink);
+  margin-right: 10px;
+  font-size: 1rem;
+  transition: all 0.2s ease;
+  width: 20px;
+  text-align: left;
+  font-weight: 700;
+}
+
+.tree details[open] > summary::before{ content: ">"; transform: rotate(90deg); }
+
+.tree a{
+  color: var(--ink);
+  text-decoration: none;
+  display: inline-flex;
+  align-items: center;
+  padding: 6px 6px;
+  border-radius: 4px;
+}
+
+.tree a:hover{ background: var(--accent); color: #000 !important; }
+
+
+.tree .navbar-file a{ color: var(--muted); }
+
+.tree .navbar-file a::before{
+  content: "->";
+  color: var(--muted);
+  margin-right: 10px;
+  font-size: 0.9rem;
+}