fmaury/seirdy.one
1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2025-02-25 07:50:04 +00:00
Code Issues Projects Releases Wiki Activity

Increase tap-target size of nav links

Browse source
This commit is contained in:
Rohan Kumar 2022-04-29 17:53:19 -07:00
parent cc59c9abf0
commit 7bdd93d875
No known key found for this signature in database
GPG key ID: 1E892DB2A5F84479
2 changed files with 15 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
.stylelintrc.json
View file

@ -4,6 +4,6 @@
"font-family-no-duplicate-names": [ true, { "ignoreFontFamilyNames": ["monospace"] } ], "font-family-no-duplicate-names": [ true, { "ignoreFontFamilyNames": ["monospace"] } ],
"indentation": "tab", "indentation": "tab",
"max-nesting-depth": 1, "max-nesting-depth": 1,
"selector-max-compound-selectors": 3 "selector-max-compound-selectors": 4
} }
} }

18
assets/css/main.css
View file

@ -96,16 +96,26 @@ h1 {
} }
} }
/* Compensate for misalignment caused by a padding increase. */
header nav,
footer nav {
margin-left: -.25em;
}
/* Increase nav link tap target size a bit */
header nav li a,
footer nav li a {
/* inline-end doesn't work in netsurf. -right should stil make sense
* in RTL machine translation, it'll just look a bit indented. */
padding: .25em;
}
/* single-line nav on widescreen and print. /* single-line nav on widescreen and print.
* Single-line nav on print saves almost half a page. */ * Single-line nav on print saves almost half a page. */
@media print, (min-width: 32em) { @media print, (min-width: 32em) {
header nav li, header nav li,
footer nav li { footer nav li {
display: inline; display: inline;
/* inline-end doesn't work in netsurf. -right should stil make sense
* in RTL machine translation, it'll just look a bit indented. */
padding-right: .5em;
} }
} }