From d0d869e06b30a1f8b7b539978caa0ed6123f9864 Mon Sep 17 00:00:00 2001
From: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date: Wed, 26 Aug 2020 00:17:32 +0200
Subject: Add breadcrumbs

Likewise, use relative links so that things work when just browsing
files locally without a server.

Next: tweak or remove redundant titles.
---
 repo/www/crumbs.css | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 repo/www/crumbs.css

(limited to 'repo/www/crumbs.css')

diff --git a/repo/www/crumbs.css b/repo/www/crumbs.css
new file mode 100644
index 0000000..ef42620
--- /dev/null
+++ b/repo/www/crumbs.css
@@ -0,0 +1,31 @@
+nav.breadcrumb ol {
+    padding-left: 0;
+}
+
+nav.breadcrumb li {
+    /* Prefer inline-block to inline, to prevent wrapping inside
+     * individual crumbs. */
+    display: inline-block;
+}
+
+/* Prefer
+ *     li:not(:last-child)::after
+ * to
+ *     li + li::before
+ * as I want crumbs and slashes to wrap like this:
+ *     foo / bar /
+ *     baz
+ * rather than like that:
+ *     foo / bar
+ *     / baz
+ */
+nav.breadcrumb li:not(:last-child)::after {
+    margin-left: 0.25em;
+    height: 0.8em;
+    font-weight: bold;
+    content: '/';
+}
+
+nav.breadcrumb li[aria-current="page"] {
+    font-weight: bold;
+}
-- 
cgit v1.2.3