mirror of
https://git.sr.ht/~seirdy/seirdy.one
synced 2024-11-10 00:12:09 +00:00
Support multiple <dt> that share a <dd>
- Make sure their tap targets do not overlap - Use a regex to detect them in markup using an "OR" keyword - Implement them in one article.
This commit is contained in:
parent
430adb99a9
commit
3c914b4dd1
3 changed files with 16 additions and 2 deletions
|
@ -120,6 +120,7 @@ html {
|
||||||
li > a {
|
li > a {
|
||||||
padding: .75em .25em;
|
padding: .75em .25em;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Compensate for misalignment and wasted space caused by padding
|
/* Compensate for misalignment and wasted space caused by padding
|
||||||
* and margin adjustments in nav children made to meet SC 2.5.5
|
* and margin adjustments in nav children made to meet SC 2.5.5
|
||||||
* Also prevent overlapping outlines on focus */
|
* Also prevent overlapping outlines on focus */
|
||||||
|
@ -153,6 +154,11 @@ html {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Multiple consecutive <dt> that share a <dd> shouldn't have tap targets overlap */
|
||||||
|
dt + dt > a {
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
nav li,
|
nav li,
|
||||||
ol li > a {
|
ol li > a {
|
||||||
margin: .25em;
|
margin: .25em;
|
||||||
|
@ -247,6 +253,7 @@ h1 {
|
||||||
* try to maintain good perceptual contrast even for small text, but
|
* try to maintain good perceptual contrast even for small text, but
|
||||||
* I don't want toggling the theme to impact anything besides color so
|
* I don't want toggling the theme to impact anything besides color so
|
||||||
* I set the weight here. */
|
* I set the weight here. */
|
||||||
|
dt,
|
||||||
kbd {
|
kbd {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1408,7 +1408,7 @@ These are the tools I use regularly. I've deliberately excluded tools that would
|
||||||
[Chrom­ium's CSS Overview](https://developer.chrome.com/docs/devtools/css-overview/)
|
[Chrom­ium's CSS Overview](https://developer.chrome.com/docs/devtools/css-overview/)
|
||||||
: can show some basic accessibility violations, including contrast violations. I recommend enabling the APCA-based contrast algorithm in the DevTools experimental settings first. Note that this uses an earlier version of APCA and does not account for contrast that is too high.
|
: can show some basic accessibility violations, including contrast violations. I recommend enabling the APCA-based contrast algorithm in the DevTools experimental settings first. Note that this uses an earlier version of APCA and does not account for contrast that is too high.
|
||||||
|
|
||||||
[testssl.sh (cli)](https://testssl.sh/) or [SSL Labs' SSL Server Test (web, proprietary)](https://www.ssllabs.com/ssltest/)
|
[testssl.sh (cli)](https://testssl.sh/) OR [SSL Labs' SSL Server Test (web, proprietary)](https://www.ssllabs.com/ssltest/)
|
||||||
: basically equivalent tools for auditing your TLS setup. I prefer testssl.sh.
|
: basically equivalent tools for auditing your TLS setup. I prefer testssl.sh.
|
||||||
|
|
||||||
[Webbkoll](https://webbkoll.dataskydd.net/)
|
[Webbkoll](https://webbkoll.dataskydd.net/)
|
||||||
|
|
|
@ -24,6 +24,13 @@
|
||||||
</ol>
|
</ol>
|
||||||
</section>` -}}
|
</section>` -}}
|
||||||
|
|
||||||
|
<!--
|
||||||
|
Sometimes I want multiple described terms for a set of descriptions
|
||||||
|
in a description list
|
||||||
|
-->
|
||||||
|
{{- $combinedTerm := `<dt>(.*) OR (.*)</dt>` -}}
|
||||||
|
{{- $splitTerm := `<dt>$1</dt><dt>$2</dt>` -}}
|
||||||
|
|
||||||
<!--
|
<!--
|
||||||
Descriptive footnote link names, remove unused class, put
|
Descriptive footnote link names, remove unused class, put
|
||||||
backlink id in <a> since <a> is focusable, remove unused class.
|
backlink id in <a> since <a> is focusable, remove unused class.
|
||||||
|
@ -56,4 +63,4 @@
|
||||||
{{- $extraLanguageFigure := `<pre><code class="language-figure">` -}}
|
{{- $extraLanguageFigure := `<pre><code class="language-figure">` -}}
|
||||||
{{- $replacedLanguageFigure := `<pre tabindex="0"><code translate="no" itemprop="text">` -}}
|
{{- $replacedLanguageFigure := `<pre tabindex="0"><code translate="no" itemprop="text">` -}}
|
||||||
|
|
||||||
{{- .Content | replaceRE $referencesWithoutHeading $referencesWithHeading | replaceRE $badNoteRef $goodNoteRef | replaceRE $endnotesClosingDiv $endnotesClosingSection | replaceRE $tocHeadingOutside $tocHeadingInside | replaceRE $footnoteBacklinksBad $footnoteBacklinksGood | replaceRE $repeatedFootnoteBacklinksBad $repeatedFootnoteBacklinksGood | replaceRE $endNotesNotFocusable $endNotesFocusable | replaceRE $extraLanguageFigure $replacedLanguageFigure | replaceRE `\’` `’` | replaceRE `\ ` ` ` | replaceRE `\“` `“` | replaceRE `\”` `”` | replaceRE `\…` `—` | replaceRE `\—` `—` | replaceRE `\­` `­` | replaceRE `‘` `‘`| safeHTML -}}
|
{{- .Content | replaceRE $referencesWithoutHeading $referencesWithHeading | replaceRE $badNoteRef $goodNoteRef | replaceRE $endnotesClosingDiv $endnotesClosingSection | replaceRE $combinedTerm $splitTerm | replaceRE $tocHeadingOutside $tocHeadingInside | replaceRE $footnoteBacklinksBad $footnoteBacklinksGood | replaceRE $repeatedFootnoteBacklinksBad $repeatedFootnoteBacklinksGood | replaceRE $endNotesNotFocusable $endNotesFocusable | replaceRE $extraLanguageFigure $replacedLanguageFigure | replaceRE `\’` `’` | replaceRE `\ ` ` ` | replaceRE `\“` `“` | replaceRE `\”` `”` | replaceRE `\…` `—` | replaceRE `\—` `—` | replaceRE `\­` `­` | replaceRE `‘` `‘`| safeHTML -}}
|
||||||
|
|
Loading…
Reference in a new issue