mirror of
https://git.sr.ht/~seirdy/seirdy.one
synced 2024-11-23 21:02:09 +00:00
CSS: increase endnote backlink tap target size
Should meet the 48x48px target now.
This commit is contained in:
parent
be86ab3ac7
commit
062c348d4e
1 changed files with 13 additions and 1 deletions
|
@ -128,9 +128,21 @@ html {
|
||||||
padding: .875em .25em;
|
padding: .875em .25em;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Make superscripts a bit easier to tap. */
|
/* Make superscripts and backlinks a bit easier to tap. */
|
||||||
sup > a {
|
sup > a {
|
||||||
padding-bottom: .25em;
|
padding-bottom: .25em;
|
||||||
|
margin-left: .25em;
|
||||||
|
}
|
||||||
|
|
||||||
|
a[role="doc-backlink"] {
|
||||||
|
/* This doesn't take us all the way to WCAG AAA 44px targets, but it's close.*/
|
||||||
|
padding: 0 1.75em 1.625em .25em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Make room for those big backlink buttons so they don't overlap
|
||||||
|
* with links on the following endnote */
|
||||||
|
section[role="doc-endnotes"] li {
|
||||||
|
margin-bottom: 2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav li ol {
|
nav li ol {
|
||||||
|
|
Loading…
Reference in a new issue