mirror of
https://git.sr.ht/~seirdy/seirdy.one
synced 2024-11-10 00:12:09 +00:00
Replace some CSS borders with <hr />
The thematic break is appropriate there and it trims down my CSS a bit.
This commit is contained in:
parent
695239681b
commit
6d09030988
5 changed files with 8 additions and 13 deletions
|
@ -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 <legend> wrap text in some browsers. */
|
||||
form > div {
|
||||
display: table;
|
||||
width: 100%
|
||||
|
|
|
@ -1,3 +1,4 @@
|
|||
<hr />
|
||||
<footer>
|
||||
<p>
|
||||
Copyright <time itemprop="copyrightYear" datetime="{{now.Year}}">{{now.Year}}</time> {{ partial "indieweb-author.html" -}}
|
||||
|
|
|
@ -2,6 +2,7 @@
|
|||
{{- if eq .Page.Section "notes" -}}
|
||||
{{- $name = "note" -}}
|
||||
{{- end -}}
|
||||
<hr />
|
||||
<aside aria-labelledby="continue-hd">
|
||||
<nav aria-labelledby="continue-hd">
|
||||
<h2 id="continue-hd">Continue reading</h2>
|
||||
|
|
|
@ -10,7 +10,8 @@
|
|||
-->
|
||||
{{- $referencesWithoutHeading := `(<div class="footnotes" role="doc-endnotes">
|
||||
<hr />)` -}}
|
||||
{{- $referencesWithHeading := printf `<section role="doc-endnotes" aria-labelledby="note-hd">
|
||||
{{- $referencesWithHeading := printf `<hr />
|
||||
<section role="doc-endnotes" aria-labelledby="note-hd">
|
||||
<h2 id="note-hd">%s</h2>` ($footnote_heading) -}}
|
||||
|
||||
{{- $endnotesClosingDiv := `</a></p>
|
||||
|
|
|
@ -1,7 +1,9 @@
|
|||
<hr />
|
||||
<section aria-labelledby="webmentions">
|
||||
<h2 id="webmentions" tabindex="-1">Webmen­tions</h2>
|
||||
<p>This site supports <a href="https://indieweb.org/webmention">Webmentions</a>. Webmentions received for this post will appear in the following list after I approve them. I sometimes send Webmentions to myself on behalf of linking sites that don't support them. Check the <a href="https://web.archive.org/">Wayback Machine</a> if any links are broken.</p>
|
||||
<p>This site supports <a href="https://indieweb.org/webmention">Webmentions</a>, a backlink-based alternative to traditional comment forms.</p>
|
||||
{{ partial "webmention-form.html" . }}
|
||||
<p>Webmentions received for this post will appear in the following list after I approve them. I sometimes send Webmentions to myself on behalf of linking sites that don't support them. Check the <a href="https://web.archive.org/">Wayback Machine</a> if any links are broken.</p>
|
||||
<details>
|
||||
<summary>Toggle Webmentions</summary>
|
||||
<dl>
|
||||
|
|
Loading…
Reference in a new issue