chapter hierarchy thingy working

2 files changed, 55 insertions, 31 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;
+}
diff --git a/styles/navbarItem.css b/styles/navbarItem.css
deleted file mode 100644
index 9c042a9..0000000
--- a/styles/navbarItem.css
+++ /dev/null
@@ -1,31 +0,0 @@
-.navbarItem {
-	display: block;
-
-	background-color: var(--oxford-blue);
-	color: var(--almond);
-
-	text-decoration: none;
-
-	padding: 8px;
-	border-radius: 8px;
-	margin-bottom: 12px;
-
-	transition-property: background-color, color;
-	transition-duration: .15s;
-}
-
-.navbarItem.active,
-.navbarItem:hover {
-	background-color: var(--heliotrope-gray);
-	color: var(--oxford-blue);
-}
-
-.navbarItem span {
-	vertical-align: super;
-	line-height: 0;
-	margin-left: 8px;
-}
-
-.navbarItem > div {
-	height: 24px;
-}