umami/styles/index.css
2023-04-02 23:12:43 -07:00

92 lines
1.3 KiB
CSS

html,
body {
font-family: Inter, sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 1.5rem;
padding: 0;
margin: 0;
box-sizing: border-box;
min-height: 100%;
display: flex;
flex-direction: column;
flex: 1;
color: var(--font-color100);
background: var(--base50);
}
*,
*:before,
*:after {
box-sizing: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 400;
line-height: 30px;
padding: 0;
margin: 0;
}
a,
a:active,
a:visited {
color: var(--primary400);
text-decoration: none;
}
p {
line-height: 1.8rem;
}
main {
flex: 1;
display: flex;
flex-direction: column;
}
svg {
shape-rendering: geometricPrecision;
}
#__next {
display: flex;
flex-direction: column;
flex: 1;
width: 100%;
height: 100%;
}
::-webkit-scrollbar {
width: 15px;
background: var(--base50);
}
::-webkit-scrollbar-track {
border: 7px solid rgba(0, 0, 0, 0);
background-color: var(--base300);
background-clip: padding-box;
}
body::-webkit-scrollbar-track,
main::-webkit-scrollbar-track {
background-color: var(--base50);
}
::-webkit-scrollbar-thumb {
border: 7px solid rgba(0, 0, 0, 0);
background-color: var(--base600);
background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover {
border: 4px solid rgba(0, 0, 0, 0);
background-color: var(--base800);
background-clip: padding-box;
}