frondend/app/globals.css

60 lines
1.1 KiB
CSS
Raw Permalink Normal View History

2024-09-24 12:47:24 +08:00
@tailwind base;
@tailwind components;
@tailwind utilities;
2024-10-05 15:04:17 +08:00
@layer components {
.nav__link {
@apply relative text-base font-medium w-fit hover:text-[#D60050];
}
.custom-position {
object-position: 60% -3px;
}
.mainBgColor {
background-color: #D60050;
}
.mainColor{
color: #D60050;
}
2024-10-08 19:08:37 +08:00
.navigation-loader {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
background: #0006;
color: #fff;
font-size: 18px;
font-weight: 700;
}
2024-10-05 15:04:17 +08:00
.dots {
li{
margin: 0 10px;
}
2024-09-24 12:47:24 +08:00
2024-10-05 15:04:17 +08:00
button::before {
font-size: 2rem !important;
color: #D60050 !important;
}
2024-09-24 12:47:24 +08:00
}
2024-10-05 15:04:17 +08:00
body.overflow-hidden {
overflow: hidden;
}
2024-09-24 12:47:24 +08:00
}
@layer utilities {
2024-10-05 15:04:17 +08:00
/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
display: none;
2024-09-24 12:47:24 +08:00
}
2024-10-05 15:04:17 +08:00
/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
2024-09-24 12:47:24 +08:00
}
2024-10-05 15:04:17 +08:00
}