Files
docspell/modules/webapp/src/main/styles/custom-utilities.css
eikek f5e375614f Fix tailwind setup
- Adopted postcss and tailwind config to new version
- renamed colors bluegray->slate etc to not have custom
  definitions (hope to reduce migration next time)
- tailwind now doesn't build the complete css anymore, so the
  `dev-ui-build` script must compile both
2021-12-20 23:40:32 +01:00

87 lines
2.1 KiB
CSS

@layer utilities {
.disabled {
@apply opacity-50 cursor-not-allowed;
}
.h-screen-10 {
height: calc(100vh - 2.5rem);
}
.h-screen-11 {
height: calc(100vh - 2.75rem);
}
.h-screen-12 {
height: calc(100vh - 3rem);
}
.h-full-10 {
height: calc(100% - 2.5rem);
}
.h-full-11 {
height: calc(100% - 2.75rem);
}
.h-full-12 {
height: calc(100% - 3rem);
}
.z-35 {
z-index: 35;
}
@variants responsive {
.min-h-7 {
min-height: 1.75rem;
}
}
.scrollbar-none {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
/* Chrome, Safari and Opera */
.scrollbar-none::-webkit-scrollbar {
display: none;
}
.scrollbar-thin {
scrollbar-width: thin;
}
.scrollbar-thin::-webkit-scrollbar {
width: 8px;
}
@variants dark {
.scrollbar-dark-sidebar {
scrollbar-color: rgba(15,23,42,0.9) rgba(15,23,42,0.3);
}
.scrollbar-light-sidebar {
scrollbar-color: rgba(219, 234, 254, 1.0) rgba(219, 234, 254,0.3);
}
.scrollbar-main {
scrollbar-color: rgba(156, 163, 175,0.9) rgba(156, 163, 175,0.3);
}
.scrollbar-dark-sidebar::-webkit-scrollbar {
background-color: rgba(15,23,42,0.3);
}
.scrollbar-dark-sidebar::-webkit-scrollbar-thumb {
background: rgba(15,23,42,0.9);
}
.scrollbar-light-sidebar::-webkit-scrollbar {
background-color: rgba(219, 234, 254, 0.3);
}
.scrollbar-light-sidebar::-webkit-scrollbar-thumb {
background: rgba(219, 234, 254, 1.0);
}
.scrollbar-main::-webkit-scrollbar {
background-color: rgba(156, 163, 175, 0.3);
}
.scrollbar-main::-webkit-scrollbar-thumb {
background: rgba(156, 163, 175, 0.9);
}
}
.ds-card-search-hl strong {
@apply bg-lime-200 dark:bg-sky-700 italic font-bold px-1 bg-opacity-60 dark:bg-opacity-60;
}
}