improve popout animations (#7040)

This commit is contained in:
Prospector
2026-08-07 13:19:56 -07:00
committed by GitHub
parent 75335647ee
commit bca5303ae3
7 changed files with 230 additions and 230 deletions
@@ -1,3 +1,26 @@
:root {
--ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
}
.floating-expand-enter-from,
.floating-expand-leave-to {
opacity: 0;
scale: 0.9 0.3;
}
.floating-expand-enter-to,
.floating-expand-leave-from {
opacity: 1;
}
.floating-expand-enter-active,
.floating-expand-leave-active {
transition:
opacity 0.125s var(--ease-out-expo),
scale 0.125s var(--ease-out-expo);
transform-origin: top;
}
@layer utilities {
.heading-xl {
@apply m-0 text-xl font-semibold leading-none text-contrast;