mi/sunday
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

♿ focus styles

Browse Source
This commit is contained in:
mi
2025-11-14 18:28:27 +10:00
parent f7c32ca749
commit 733c8f2d32
1 changed files with 29 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
static/css/style.css
View File

@@ -65,6 +65,35 @@ body {
background-color: var(--color-background);
}
/* Focus indicators for accessibility */
a:focus,
button:focus,
input:focus,
.btn:focus,
.btn-nav:focus,
.btn-icon-nav:focus {
outline: 3px solid var(--color-primary);
outline-offset: 2px;
}
/* Focus visible for modern browsers (shows focus only on keyboard navigation) */
a:focus-visible,
button:focus-visible,
input:focus-visible,
.btn:focus-visible,
.btn-nav:focus-visible,
.btn-icon-nav:focus-visible {
outline: 3px solid var(--color-primary);
outline-offset: 2px;
}
/* Ensure disabled buttons don't show interactive focus */
.btn-disabled:focus,
.btn-icon-disabled:focus {
outline: 2px solid var(--color-disabled);
outline-offset: 2px;
}
.container {
max-width: var(--container-max-width);
margin: 0 auto;