owncast/web/components/ui/CustomPageContent/CustomPageContent.module.scss
2022-09-19 22:04:58 +02:00

36 lines
695 B
SCSS

@import 'styles/mixins.scss';
.pageContentContainer {
@include flexCenter;
}
.customPageContent {
font-size: 1.1rem;
line-height: 1.6em;
margin: 0;
padding: 0;
color: var(--theme-color-palette-0);
background-color: var(--theme-color-palette-4);
padding: calc(2 * var(--content-padding));
border-radius: var(--theme-rounded-corners);
width: clamp(300px, 80%, 50em);
// Allow the content to fill the width on narrow screens.
@media only screen and (max-width: 768px) {
width: 100%;
}
hr {
margin: 1.35em 0;
border: 0;
border-top: solid 1px var(--theme-text-secondary);
}
div.summary {
font-size: 1.1rem;
}
p {
margin: unset;
}
}