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

chasing 100s on lighthouse

Browse source
This commit is contained in:
Joshua Seigler 2025-07-06 01:32:52 -04:00
parent f394e6e90f
commit 3aa4244220
2 changed files with 14 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
assets/noise.avif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5.3 KiB

28
site/_includes/css/site.css
View file

@ -57,7 +57,10 @@ body {
background-color: var(--c-body-background); background-color: var(--c-body-background);
color: var(--c-text); color: var(--c-text);
background-image: background-image:
url(/noise.png), image-set(
url("noise.avif") type("image/avif"),
url("noise.png") type("image/png")
),
radial-gradient(ellipse at -20% 20vmin, var(--c-bg1), transparent 90%), radial-gradient(ellipse at -20% 20vmin, var(--c-bg1), transparent 90%),
radial-gradient( radial-gradient(
ellipse at 120% calc(100% - 20vmin), ellipse at 120% calc(100% - 20vmin),
@ -71,13 +74,6 @@ body {
color: var(--c-text); color: var(--c-text);
} }
mark {
background: var(--c-highlight);
color: inherit;
border-radius: 0.4rem;
box-shadow: 0 0 0.75em 0.25em var(--c-highlight);
}
*, *,
:after, :after,
:before { :before {
@ -100,10 +96,8 @@ a[href] {
margin: -0.1em; margin: -0.1em;
position: relative; position: relative;
} }
:is(a, nav label):hover, a:hover,
:is(a, nav label):focus-visible, a:focus-visible {
nav label:has(input:focus-visible),
nav label:has(input:checked) {
outline: none; outline: none;
color: var(--c-text); color: var(--c-text);
background-color: var(--glowColor); background-color: var(--glowColor);
@ -118,8 +112,7 @@ nav label:has(input:checked) {
0 0 1rem var(--glowColor); 0 0 1rem var(--glowColor);
} }
} }
:is(a[href], button, nav label):focus-visible, :is(a[href], button):focus-visible {
nav label:has(input:focus-visible) {
z-index: 1; z-index: 1;
outline: 2px solid var(--c-text); outline: 2px solid var(--c-text);
} }
@ -840,6 +833,13 @@ body .isso-post-action {
} }
} }
mark {
background: var(--c-highlight);
color: inherit;
border-radius: 0.4rem;
box-shadow: 0 0 0.75em 0.25em var(--c-highlight);
}
@media print { @media print {
:root { :root {
font-size: 10pt; font-size: 10pt;