more fancy pancy error component

This commit is contained in:
Chris Kruining 2024-11-12 16:09:24 +01:00
parent da016f2e03
commit 597c7e4e0b
No known key found for this signature in database
GPG key ID: EB894A3560CCCAD2
3 changed files with 35 additions and 8 deletions

View file

@ -51,6 +51,11 @@
}
& > section {
display: grid;
grid: 100% / 100%;
inline-size: 100%;
block-size: 100%;
overflow: clip;
view-transition-name: content;
}
}
@ -59,7 +64,12 @@
display: grid;
place-content: center;
background-color: color(from var(--fail) xyz x y z / .3);
background: repeating-linear-gradient(-45deg,
color(from var(--fail) xyz x y z / .05),
color(from var(--fail) xyz x y z / .05) 10px,
color(from var(--fail) xyz x y z / .25) 10px,
color(from var(--fail) xyz x y z / .25) 12px,
color(from var(--fail) xyz x y z / .05) 12px);
color: var(--text-2);
border: 1px solid var(--fail);
border-radius: var(--radii-m);