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

This commit is contained in:
pacnpal
2025-02-15 23:11:08 -05:00
parent 43c388d817
commit bbff7601a6

View File

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