TheThomaas/11ty-light-blog
1
0
Fork 0
Code Issues 2 Pull requests Packages Projects Releases Wiki Activity

Place skip link in it's own file

Browse source
This commit is contained in:
TheThomaas 2023-11-24 22:57:55 +01:00
parent fab73ffdf8
commit 242cbbdf3a
1 changed files with 20 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/assets/css/components/_skip-link.scss Normal file
View file

@ -0,0 +1,20 @@
.skip-link {
clip: rect(1px, 1px, 1px, 1px);
display: block;
block-size: 1px;
overflow: hidden;
position: absolute;
inline-size: 1px;
top: 1rem;
left: 1rem;
z-index: 999;
}
.skip-link:focus {
clip: auto;
block-size: auto;
overflow: visible;
inline-size: auto;
padding: .2rem .4rem;
line-height: 1;
}