web-humas-fe/styles/globals.css

107 lines
1.5 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;
}
.ck-editor__editable_inline {
min-height: 200px;
}
.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%);
}
}
.ck-editor__editable_inline:not(.ck-comment__input *) {
height: 300px;
overflow-y: auto;
}
body {
height: 100%;
overflow: hidden;
}
main {
height: 100vh;
overflow-y: auto;
}
.komdigi-styling #gpr-kominfo-widget-body {
height: 67vh !important;
}
.custom-popup {
color: black;
}
.custom-button {
color: black !important;
}