You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
homepage/src/styles/globals.css

60 lines
1.0 KiB

@tailwind base;
@tailwind components;
@tailwind utilities;
#__next {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
html,
body {
font-family: Manrope, "Manrope-Fallback", Arial, sans-serif;
overflow: hidden;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#page_wrapper {
width: 100vw;
height: 100vh;
margin: 0;
padding: 0;
}
.light {
--bg-color: var(--color-50);
--scrollbar-thumb: rgb(var(--color-300));
--scrollbar-track: rgb(var(--color-200));
}
.dark {
--bg-color: var(--color-800);
--scrollbar-thumb: rgb(var(--color-600));
--scrollbar-track: rgb(var(--color-700));
}
#page_container {
overflow: auto;
scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}
::-webkit-scrollbar {
width: 0.75em;
}
::-webkit-scrollbar-track {
background-color: var(--scrollbar-track);
}
::-webkit-scrollbar-thumb {
background-color: var(--scrollbar-thumb);
border-radius: 0.25em;
}
::-webkit-details-marker {
display: none;
}