colin
/
ShowerLoop-cc
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix skip-to-content to be completely hidden by default
ci/woodpecker/push/woodpecker Pipeline was successful Details

This commit is contained in:
Your Name 2025-03-06 15:36:41 -05:00
parent f1381d722a
commit 042324a302
1 changed files with 23 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
docker/showerloop/public/css/custom.css
View File

@ -14,19 +14,36 @@ a { color: #EB2078; }
/* Fix skip-to-content accessibility styling */
.skip-to-content {
background: #EB2078;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
position: absolute;
padding: 0;
margin: -1px;
border: 0;
z-index: -999;
}
.skip-to-content:focus {
background: #EB2078;
height: 50px;
line-height: 50px;
font-size: 20px;
position: absolute;
top: 0;
left: -999px;
color: white;
text-align: center;
clip: auto;
clip-path: none;
width: 100%;
z-index: 9999;
transition: left 0.3s;
}
.skip-to-content:focus {
position: fixed;
top: 0;
left: 0;
margin: 0;
padding: 0;
outline: 3px solid black;
}
/* Video.js custom styling */