mirror of
https://github.com/bitcoinresearchkit/brk.git
synced 2026-07-18 22:48:10 -07:00
website_next: part 5
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user