web-humas-fe/styles/globals.css

76 lines
1.1 KiB
CSS

@tailwind base;
@tailwind components;
@tailwind utilities;
/*
*{
border:1px solid green;
} */
.custom-scrollbar::-webkit-scrollbar {
width: 1px;
}
.custom-scrollbar::-webkit-scrollbar-track {
background: transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
background: rgb(190, 189, 189);
border-radius: 3px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
background: transparent;
}
.hidden-tooltip {
display: none;
}
.sidebar-scrollbar {
--scroll-shadow-size: 40px;
}
.swiper {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
border-radius: 1rem;
/* Center slide text vertically */
display: flex;
justify-content: center;
align-items: center;
}
.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.swiper-button-next::after,
.swiper-button-prev::after {
font-size: 28px !important;
}
@media (max-width: 768px) {
.swiper-button-next::after,
.swiper-button-prev::after {
font-size: 14px !important;
}
}
@layer utilities {
.clip-path-triangle {
clip-path: polygon(0 0, 100% 50%, 0 100%);
}
}