♿ main content link
This commit is contained in:
@@ -78,6 +78,28 @@ body {
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
/* Skip to main content link - hidden until focused */
|
||||
.skip-to-main {
|
||||
position: absolute;
|
||||
top: -100px;
|
||||
left: 0;
|
||||
z-index: 9999;
|
||||
padding: var(--space-md) var(--space-lg);
|
||||
background-color: var(--color-primary);
|
||||
color: var(--color-background);
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: var(--letter-spacing-tight);
|
||||
border: var(--border-width-thick) solid var(--color-primary);
|
||||
}
|
||||
|
||||
.skip-to-main:focus {
|
||||
top: 0;
|
||||
outline: 3px solid var(--color-primary);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
|
||||
/* Focus indicators for accessibility */
|
||||
a:focus,
|
||||
button:focus,
|
||||
|
||||
Reference in New Issue
Block a user