From 6d090309884b4f7039f3d419c2452fd19f6f9cd6 Mon Sep 17 00:00:00 2001 From: Rohan Kumar Date: Sun, 5 Jun 2022 21:17:18 -0700 Subject: [PATCH] Replace some CSS borders with
The thematic break is appropriate there and it trims down my CSS a bit. --- assets/css/main.css | 12 +----------- layouts/partials/footer.html | 1 + layouts/partials/prev-next.html | 1 + layouts/partials/processed-content.html | 3 ++- layouts/partials/webmentions.html | 4 +++- 5 files changed, 8 insertions(+), 13 deletions(-) diff --git a/assets/css/main.css b/assets/css/main.css index 654916e..a07871e 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -344,17 +344,6 @@ picture > img { image-rendering: pixelated; } -/* WCAG Technique C25: use borders to separate sections. - * Also use "content-visibility: auto" to improve performance by - * reducing the number of DOM nodes rendered at once. */ -aside nav, -footer, -section[role="doc-endnotes"], -section[aria-labelledby="webmentions"] { - border-top: 1px solid; - content-visibility: auto; -} - /* Make search box and submit button as wide as possible while keeping * them next to each other. */ @@ -362,6 +351,7 @@ section[aria-labelledby="webmentions"] { * single-row flexbox that supports more browsers. Kanged this CSS from * ww.gov.uk. Give the entire width of the row to the search box, but * allow the minimum width for the submit button. */ +legend, /* Makes the wrap text in some browsers. */ form > div { display: table; width: 100% diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 212aab7..3007c08 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -1,3 +1,4 @@ +