website_next: part 5

This commit is contained in:
nym21
2026-07-06 15:54:25 +02:00
parent 3f2a48f248
commit 2207ec1b7e
25 changed files with 1083 additions and 130 deletions
+32
View File
@@ -8,8 +8,40 @@ dialog {
padding: var(--dialog-space);
color: var(--black);
background: var(--white);
opacity: 0;
translate: 0 0.5rem;
transition:
opacity var(--transition-duration) ease,
translate var(--transition-duration) ease,
display var(--transition-duration) allow-discrete,
overlay var(--transition-duration) allow-discrete;
&:open {
opacity: 1;
translate: 0;
}
&::backdrop {
background: color-mix(in oklch, var(--black) 72%, transparent);
opacity: 0;
transition:
opacity var(--transition-duration) ease,
display var(--transition-duration) allow-discrete,
overlay var(--transition-duration) allow-discrete;
}
&:open::backdrop {
opacity: 1;
}
@starting-style {
&:open {
opacity: 0;
translate: 0 0.5rem;
}
&:open::backdrop {
opacity: 0;
}
}
}