46 lines
883 B
CSS
46 lines
883 B
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
:root {
|
|
--app-height: 100vh;
|
|
--scroll-bar-color: #c5c5c5;
|
|
--scroll-bar-bg-color: transparent;
|
|
}
|
|
|
|
#__next {
|
|
@apply flex h-screen flex-col;
|
|
}
|
|
|
|
body {
|
|
@apply bg-white font-headline text-black dark:bg-black dark:text-white;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.h-full-without-header {
|
|
height: calc(var(--app-height) - 64px);
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
scrollbar-color: var(--scroll-bar-color) var(--scroll-bar-bg-color);
|
|
width: 5px;
|
|
height: 10px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background-color: transparent;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background-color: var(--scroll-bar-color);
|
|
border-radius: 20px;
|
|
border: 3px solid var(--scroll-bar-bg-color);
|
|
}
|
|
|
|
/* Firefox Support */
|
|
.scrollbar-firefox-support {
|
|
scrollbar-width: thin;
|
|
scrollbar-color: var(--scroll-bar-color) var(--scroll-bar-bg-color);
|
|
z-index: 0;
|
|
}
|