owncast/web/components/ui/CustomPageContent/CustomPageContent.module.scss
gingervitis d5fa81f76e
Draft: rough-ish draft of proposed color theme changes (#2067)
* color experimentation and troubleshooting

* create color scheme, assign colors, more ant overrides

* fun selection color

* Prettified Code!

* Correctly import opensans

* Prettified Code!

* Organize+standardize colors/names and update the app to use them

* Prettified Code!

* Use css var references instead of resolving value of vars in css files

* Prettified Code!

Co-authored-by: gingervitis <gingervitis@users.noreply.github.com>
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
Co-authored-by: gabek <gabek@users.noreply.github.com>
2022-08-29 23:17:12 -07:00

31 lines
627 B
SCSS

@import 'styles/mixins.scss';
.pageContentContainer {
@include flexCenter;
}
.customPageContent {
font-size: 16px;
line-height: 1.5em;
margin: 0;
padding: 0;
color: var(--theme-color-palette-0);
background-color: var(--theme-color-palette-4);
padding: calc(3 * var(--content-padding));
border-radius: var(--theme-rounded-corners);
// 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: 18px;
}
}