fmaury/seirdy.one
1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-11-27 22:12:10 +00:00
Code Issues Projects Releases Wiki Activity

Improve tap target size on TOC

Browse source
This commit is contained in:
Rohan Kumar 2022-05-01 21:24:17 -07:00
parent 623aff9eab
commit 46471ea742
No known key found for this signature in database
GPG key ID: 1E892DB2A5F84479
1 changed files with 11 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
assets/css/main.css
View file

@ -67,7 +67,6 @@ blockquote {
dd, dd,
ol, ol,
ul { ul {
margin: .5em 0 0 0;
padding-left: 1.5em; padding-left: 1.5em;
} }
@ -105,12 +104,22 @@ footer nav {
margin: -.375em; margin: -.375em;
} }
nav li {
line-height: 2;
}
/* Increase nav link tap target size a bit */
nav li a,
nav li a {
padding: .125em;
}
/* Save some space and paper by making the nav single-line, but bump /* Save some space and paper by making the nav single-line, but bump
* up the line-height to increase space between tap-targets (a11y) */ * up the line-height to increase space between tap-targets (a11y) */
header nav li, header nav li,
footer nav li { footer nav li {
margin: .25em;
display: inline; display: inline;
line-height: 2.125;
} }
/* Lists without bullets: navlinks, posts lists, webmentions. /* Lists without bullets: navlinks, posts lists, webmentions.
@ -126,13 +135,6 @@ footer nav li {
} }
/* Increase nav link tap target size a bit */
header nav li a,
footer nav li a {
margin: .25em;
padding: .125em;
}
/* <kbd> should be distinguished from <code> and surrounding text /* <kbd> should be distinguished from <code> and surrounding text
* in a way beyond font-face; at least two visual distinctions needed */ * in a way beyond font-face; at least two visual distinctions needed */
kbd { kbd {