joshua/joshua.seigler.net
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

better accessible styles

Browse source
This commit is contained in:
Joshua Seigler 2025-06-06 12:59:01 -04:00
parent 9cb8993473
commit a6fdd6100c
3 changed files with 17 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

19
assets/site.css
View file

@ -115,11 +115,21 @@ a[href]:focus-visible,
nav label:hover,
nav label:focus-visible,
nav label:has(input:focus-visible),
.nav-toggle-button:has(input[type="radio"]:checked) {
nav label:has(input:checked)
{
outline: none;
background-color: var(--c-accent);
box-shadow: 0 0 0.5rem var(--c-accent);
text-decoration: none;
border-radius: 0.5rem;
}
a[href]:focus-visible,
nav label:focus-visible,
nav label:has(input:focus-visible)
{
z-index: 1;
outline: 2px solid var(--c-text-dark);
}
main p img {
max-width: 100%;
@ -301,6 +311,7 @@ footer section {
}
.nav-toggle-button {
position: relative;
cursor: pointer;
text-decoration-line: underline;
display: inline-block;
@ -310,9 +321,9 @@ footer section {
border-radius: 0 !important;
background-color: var(--c-text-background-light);
> input[type="radio"] {
visibility: hidden;
position: fixed;
bottom: 110%;
position: absolute;
inset: 0;
opacity: 0;
}
&:first-of-type {
border-top-left-radius: 0.5rem !important;