1
0
mirror of https://github.com/upscayl/upscayl.git synced 2025-02-17 19:19:23 +01:00
upscayl/renderer/styles/globals.css
2022-08-27 17:25:32 -04:00

38 lines
690 B
CSS

@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
::-webkit-scrollbar {
@apply w-3;
}
::-webkit-scrollbar-track {
@apply rounded-full bg-neutral-700;
}
::-webkit-scrollbar-thumb {
@apply rounded-full bg-neutral-500;
}
::-webkit-scrollbar-thumb:hover {
@apply rounded-full bg-neutral-400;
}
}
@layer utilities {
.animate {
@apply transition-all duration-300 ease-in-out;
}
}
.animate-step-in {
animation: animate-step-in 0.35s cubic-bezier(0.07, 0.43, 0.02, 1);
}
@keyframes animate-step-in {
0% { opacity: 0; transform: translateY(-10px); }
80% { opacity: 1; }
100% { opacity: 1; transform: translateY(0px); }
}