larvit/plainpages
3
0
Fork 0
Code Issues 1 Pull Requests 6 Actions Packages Projects Releases Wiki Activity

Fail the gate on a stylesheet feature the browser floor lacks, unless an @supports guards it
CI / full-gate (push) Successful in 4m45s
Details

Browse Source
This commit is contained in:
Lilleman auf Larv
2026-10-31 11:52:17 +01:00
parent cf8fa437cd
commit 7ff8140e07
10 changed files with 424 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/css/auth.css
+7 -3
View File
@@ -1,9 +1,11 @@
.auth-stage {
min-height: 100dvh;
display: grid; place-items: center;
padding: 40px 20px 96px;
background: var(--bg);
}
@supports (min-height: 100dvh) {
.auth-stage { min-height: 100dvh; }
}
.auth {
width: 100%; max-width: 408px;
display: flex; flex-direction: column; gap: 22px;
@@ -103,8 +105,10 @@
.input:focus { outline: none; border-color: var(--accent);
box-shadow: 0 0 0 2px var(--accent-bg); }
/* gentle validation feedback only after the user has interacted */
.input:user-invalid { border-color: var(--neg); }
.input:user-invalid:focus { box-shadow: 0 0 0 2px var(--neg-bg); }
@supports selector(:user-invalid) {
.input:user-invalid { border-color: var(--neg); }
.input:user-invalid:focus { box-shadow: 0 0 0 2px var(--neg-bg); }
}
.field-hint { font-size: var(--fz-xs); color: var(--text-faint); }