pacnpal/steadirect
1
0
Fork 0
mirror of https://github.com/pacnpal/steadirect.git synced 2025-12-20 04:01:09 -05:00
Code Issues Packages Projects Releases Wiki Activity

update index.html: improve skip link accessibility with enhanced focus styles

Browse Source
This commit is contained in:
pacnpal
2025-02-15 23:11:08 -05:00
parent 43c388d817
commit bbff7601a6
1 changed files with 17 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
index.html
View File

@@ -83,16 +83,25 @@
} }
.skip-link { .skip-link {
position: absolute; position: absolute;
top: -40px; width: 1px;
left: 0; height: 1px;
background: var(--button-bg); padding: 0;
color: white; margin: -1px;
padding: 8px; overflow: hidden;
z-index: 100; clip: rect(0, 0, 0, 0);
transition: top 0.3s; white-space: nowrap;
border: 0;
} }
.skip-link:focus { .skip-link:focus {
top: 0; width: auto;
height: auto;
margin: 0;
clip: auto;
white-space: normal;
padding: 8px;
background: var(--button-bg);
color: white;
z-index: 100;
} }
.site-title { .site-title {
text-align: center; text-align: center;