44 lines
649 B
CSS
44 lines
649 B
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
@layer utilities {
|
|
.animate-slideIn {
|
|
animation: slideIn 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
}
|
|
|
|
.animate-hide {
|
|
animation: hide 100ms ease-in;
|
|
}
|
|
|
|
.animate-swipeOut {
|
|
animation: swipeOut 100ms ease-out;
|
|
}
|
|
}
|
|
|
|
@keyframes hide {
|
|
from {
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@keyframes slideIn {
|
|
from {
|
|
transform: translateX(calc(100% + 1rem));
|
|
}
|
|
to {
|
|
transform: translateX(0);
|
|
}
|
|
}
|
|
|
|
@keyframes swipeOut {
|
|
from {
|
|
transform: translateX(var(--radix-toast-swipe-end-x));
|
|
}
|
|
to {
|
|
transform: translateX(calc(100% + 1rem));
|
|
}
|
|
} |