40 lines
581 B
CSS
40 lines
581 B
CSS
@import 'tailwindcss';
|
|
@plugin '@tailwindcss/typography';
|
|
|
|
@theme {
|
|
--animate-slide-up: slide-up 0.3s ease-out;
|
|
--animate-fade-in: fade-in 0.3s ease-out;
|
|
--animate-success-appear: success-appear 0.5s ease-out;
|
|
}
|
|
|
|
@keyframes slide-up {
|
|
0% {
|
|
transform: translateY(100%);
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
transform: translateY(0);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes fade-in {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes success-appear {
|
|
0% {
|
|
transform: scale(0.8);
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
transform: scale(1);
|
|
opacity: 1;
|
|
}
|
|
}
|