mirror of
https://github.com/pacnpal/steadirect.git
synced 2025-12-19 19:51:09 -05:00
update index.html: improve skip link accessibility with enhanced focus styles
This commit is contained in:
25
index.html
25
index.html
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user