From d0d869e06b30a1f8b7b539978caa0ed6123f9864 Mon Sep 17 00:00:00 2001 From: Kévin Le Gouguec 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 From 7bc5ee87b62ab7dffd16913e6864b49e2dbfad06 Mon Sep 17 00:00:00 2001 From: Kévin Le Gouguec Date: Mon, 28 Sep 2020 19:49:26 +0200 Subject: Pick some nits before merging --- repo/www/Makefile | 2 +- repo/www/crumbs.css | 3 ++- 2 files changed, 3 insertions(+), 2 deletions(-) (limited to 'repo/www/crumbs.css') diff --git a/repo/www/Makefile b/repo/www/Makefile index 6c41b45..9a2c90e 100644 --- a/repo/www/Makefile +++ b/repo/www/Makefile @@ -46,7 +46,7 @@ include $(dependencies) stylesheets_dir = $(OUT_DIR)/style stylesheets = $(foreach s,$(stylesheets_src),$(stylesheets_dir)/$(s)) -site: $(pages) $(indices) $(stylesheets) $(stylesheets) +site: $(pages) $(indices) $(stylesheets) # List of output folders. Compute this from the full list of HTML # pages, since $(page_folders) may be missing some intermediate diff --git a/repo/www/crumbs.css b/repo/www/crumbs.css index ef42620..acbe4f1 100644 --- a/repo/www/crumbs.css +++ b/repo/www/crumbs.css @@ -4,7 +4,8 @@ nav.breadcrumb ol { nav.breadcrumb li { /* Prefer inline-block to inline, to prevent wrapping inside - * individual crumbs. */ + * individual crumbs. + */ display: inline-block; } -- cgit v1.2.3