summaryrefslogtreecommitdiff
path: root/repo/www/crumbs.css
diff options
context:
space:
mode:
Diffstat (limited to 'repo/www/crumbs.css')
-rw-r--r--repo/www/crumbs.css31
1 files changed, 31 insertions, 0 deletions
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;
+}