Thatsaphorn Atchariyaphap
5c60594a4f
Homepage Refactoring - Pt .3 See merge request rheinsw/website!28
28 lines
661 B
CSS
28 lines
661 B
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
@layer utilities {
|
|
.nav__link {
|
|
@apply relative text-base font-medium w-fit block after:block after:content-[''] after:absolute after:h-[3px] after:bg-pink-600 after:w-full after:scale-x-0 after:hover:scale-x-100 after:transition after:duration-300 after:origin-right;
|
|
}
|
|
}
|
|
|
|
/* Global theme transition */
|
|
.transition-theme {
|
|
transition: background-color 0.7s ease, color 0.7s ease;
|
|
}
|
|
|
|
@keyframes float {
|
|
0%, 100% {
|
|
transform: translateY(0);
|
|
}
|
|
50% {
|
|
transform: translateY(-6px);
|
|
}
|
|
}
|
|
|
|
.animate-float {
|
|
animation: float 3.5s ease-in-out infinite;
|
|
}
|