mirror of
https://github.com/vinta/awesome-python.git
synced 2026-11-08 02:15:12 -06:00
style: extend topbar link tap targets to 44px
Topbar links were about 37px tall, short of a 44px touch target. Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -233,6 +233,7 @@ kbd {
|
||||
}
|
||||
|
||||
.hero-topbar-link {
|
||||
position: relative;
|
||||
padding: 0.45rem 0.8rem;
|
||||
border: 1px solid var(--hero-line);
|
||||
border-radius: 999px;
|
||||
@@ -247,6 +248,13 @@ kbd {
|
||||
transform 180ms ease;
|
||||
}
|
||||
|
||||
/* Grows the tap target to 44px without changing the pill */
|
||||
.hero-topbar-link::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: -0.25rem 0;
|
||||
}
|
||||
|
||||
.hero-topbar-link-strong,
|
||||
.hero-topbar-link:hover {
|
||||
border-color: oklch(100% 0 0 / 0.28);
|
||||
|
||||
Reference in New Issue
Block a user