import live www.sillylaird.ca webrootHEADmain

1 files changed, 85 insertions, 0 deletions

diff --git a/assets/css/pages/bookmarks.css b/assets/css/pages/bookmarks.css
new file mode 100644
index 0000000..7cb6ccf
--- /dev/null
+++ b/assets/css/pages/bookmarks.css
@@ -0,0 +1,85 @@
+.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: #2a1010;
+  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;
+}
\ No newline at end of file