feat: Enhance navigation accessibility and update terminal commands
This commit is contained in:
27
styles.css
27
styles.css
@@ -35,8 +35,20 @@ img {
|
||||
}
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
color: var(--accent);
|
||||
text-decoration: underline;
|
||||
text-decoration-color: rgba(77, 213, 255, 0.6);
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: var(--text);
|
||||
text-decoration-color: var(--text);
|
||||
}
|
||||
|
||||
a:focus-visible,
|
||||
button:focus-visible {
|
||||
outline: 2px solid rgba(77, 213, 255, 0.8);
|
||||
outline-offset: 3px;
|
||||
}
|
||||
|
||||
.hero {
|
||||
@@ -68,6 +80,7 @@ a {
|
||||
color: var(--muted);
|
||||
font-weight: 500;
|
||||
transition: color 0.2s ease;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.nav__links a:hover {
|
||||
@@ -137,6 +150,16 @@ h3 {
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.btn:focus-visible {
|
||||
outline: none;
|
||||
box-shadow: 0 0 0 3px rgba(77, 213, 255, 0.35), 0 12px 30px rgba(109, 132, 255, 0.25);
|
||||
}
|
||||
|
||||
.nav__toggle:focus-visible {
|
||||
outline-offset: 6px;
|
||||
}
|
||||
|
||||
.btn.primary {
|
||||
|
||||
Reference in New Issue
Block a user