mirror of
https://git.sr.ht/~seirdy/seirdy.one
synced 2024-12-24 01:42:10 +00:00
Increase tap-target size of nav links
This commit is contained in:
parent
cc59c9abf0
commit
7bdd93d875
2 changed files with 15 additions and 5 deletions
|
@ -4,6 +4,6 @@
|
|||
"font-family-no-duplicate-names": [ true, { "ignoreFontFamilyNames": ["monospace"] } ],
|
||||
"indentation": "tab",
|
||||
"max-nesting-depth": 1,
|
||||
"selector-max-compound-selectors": 3
|
||||
"selector-max-compound-selectors": 4
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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 print saves almost half a page. */
|
||||
@media print, (min-width: 32em) {
|
||||
header nav li,
|
||||
footer nav li {
|
||||
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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue