mirror of
https://github.com/vercel/commerce.git
synced 2025-05-18 07:26:59 +00:00
23 lines
550 B
CSS
23 lines
550 B
CSS
.root {
|
|
@apply shadow-lg w-56 bg-accent-0;
|
|
box-shadow: hsl(206 22% 7% / 45%) 0px 10px 38px -10px,
|
|
hsl(206 22% 7% / 20%) 0px 10px 20px -15px;
|
|
will-change: transform, opacity;
|
|
animation-duration: 600ms;
|
|
animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
|
|
animation-fill-mode: forwards;
|
|
transform-origin: var(--radix-dropdown-menu-content-transform-origin);
|
|
animation-name: slideIn;
|
|
}
|
|
|
|
@keyframes slideIn {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translateY(2px);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|