owncast/web/styles/globals.scss

91 lines
1.1 KiB
SCSS

@import '@fontsource/open-sans/variable.css';
@import '@fontsource/poppins/400.css';
@import '@fontsource/poppins/600.css';
body {
font-family: var(--theme-text-body-font-family);
font-size: 16px;
line-height: 1.5em;
margin: 0;
color: var(--theme-text-primary);
background-color: var(--theme-background-primary);
div,
h1,
h2,
h3,
h4,
h5,
h6,
p {
padding: 0;
color: var(--theme-text-primary);
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--theme-text-display-font-family);
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.5em;
font-weight: 400;
}
h3 {
font-family: var(--theme-text-body-font-family);
font-size: 1.25em;
font-weight: 500;
}
h4 {
font-size: 1em;
}
ul {
list-style: square;
}
ul,
ol {
margin: 0.7em 0 0 0;
padding: 0 1em;
ul,
ol {
margin: 0;
}
li {
margin: 0.175em 0 0 0;
}
}
a {
color: var(--theme-text-link);
&:visited {
color: var(--theme-text-primary);
}
}
strong,
b {
font-weight: 700;
}
}
@media (max-width: 768px) {
body {
overflow: hidden;
}
}