From 7240b0303395a997885ba22034669a2d4f9ff94a Mon Sep 17 00:00:00 2001 From: Syndamia Date: Mon, 10 Jul 2023 11:43:56 +0300 Subject: [heading-anchor] Reworked heading anchors to use the font character Added aria-hidden, because icon fonts don't work on screen readers --- src/styles.css | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) (limited to 'src/styles.css') diff --git a/src/styles.css b/src/styles.css index 9aa1a39..6563f8d 100644 --- a/src/styles.css +++ b/src/styles.css @@ -136,7 +136,7 @@ img { .file-icon { min-width: 1.3em; vertical-align: text-bottom; } .borderless, .oldschool-badge, .file-icon { border: none; } - .btn { + .btn, .h-anchor { /* Thanks https://stackoverflow.com/a/4407335/12036073 */ -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ @@ -196,8 +196,7 @@ h1, h2, h3, h4, h5, h6 { h2 { margin-top: 2.5em; } h3 { margin-top: 2em; } - .h-anchor { border: none !important; display: inline; } - .h-anchor img { border: none; height: 1.3em; vertical-align: text-bottom; } + .h-anchor { border: none; } .h-anchor img, .icon, .file-icon, .file-wrapper > summary { /* Since link images are made for dark mode, and have a white-ish * foreground, this filter makes them black (when in light mode) -- cgit v1.3.1-26-gb76a