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:
committed by
GitHub
parent
17935c6160
commit
ba75a0ab2e
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user