Style skip link to visually integrate with navbar header

Agent-Logs-Url: https://github.com/dsaub/proyecto-final/sessions/a04a8e28-dcc3-4338-8ee9-49c7494bf486

Co-authored-by: dsaub <54474838+dsaub@users.noreply.github.com>
This commit is contained in:
copilot-swe-agent[bot]
2026-04-29 07:38:20 +00:00
committed by GitHub
parent 17935c6160
commit ba75a0ab2e
+17 -10
View File
@@ -1,15 +1,22 @@
.skip-link { .skip-link {
position: absolute; position: fixed;
top: -40px; top: -100%;
left: 0; left: 50%;
background: #513CB0; transform: translateX(-50%);
color: #fff; background: #fff;
padding: 8px 16px; color: #513CB0;
font-weight: 600; padding: 8px 24px;
z-index: 10000; font-weight: 700;
font-size: 0.9rem;
z-index: 10001;
text-decoration: none; text-decoration: none;
border-radius: 0 0 4px 0; border-radius: 0 0 8px 8px;
transition: top 0.2s; border: 2px solid #513CB0;
border-top: none;
box-shadow: 0 4px 12px rgba(81, 60, 176, 0.25);
transition: top 0.2s ease;
outline: none;
white-space: nowrap;
} }
.skip-link:focus, .skip-link:focus,
.skip-link:focus-visible { .skip-link:focus-visible {