aboutsummaryrefslogtreecommitdiff
path: root/styles/navbar.css
diff options
context:
space:
mode:
Diffstat (limited to 'styles/navbar.css')
-rw-r--r--styles/navbar.css55
1 files changed, 55 insertions, 0 deletions
diff --git a/styles/navbar.css b/styles/navbar.css
new file mode 100644
index 0000000..456c2c3
--- /dev/null
+++ b/styles/navbar.css
@@ -0,0 +1,55 @@
+.navbarItem .inner {
+ background-color: var(--oxford-blue);
+ color: var(--almond);
+
+ padding: 8px;
+ border-radius: 8px;
+
+ transition-property: background-color, color;
+ transition-duration: .15s;
+
+ position: relative;
+}
+
+.navbarItem {
+ text-decoration: none;
+ display: block;
+}
+
+.navbarItem.indentLevel0 { margin-bottom: 12px; }
+
+.navbarItem.active .inner,
+.navbarItem:hover .inner {
+ background-color: var(--heliotrope-gray);
+ color: var(--oxford-blue);
+}
+
+.navbarItem.chapter .inner {
+ background-color: transparent;
+ color: var(--fg);
+ /* box-shadow: inset 0 0 0 1px #ff00ff; */
+ padding: 4px 0;
+ overflow: visible;
+}
+
+.navbarItem span {
+ vertical-align: top;
+ margin-left: 8px;
+ margin-top: 3px;
+ display: inline-block;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+ width: calc(100% - 32px);
+}
+.navbarItem.chapter span {
+ margin-top: 1px;
+}
+
+.navbarItem .inner {
+ height: 24px;
+}
+
+.navbarItem > div > svg {
+ vertical-align: super;
+}