owncast/web/components/ui/Sidebar/Sidebar.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

26 lines
542 B
SCSS

.root {
background-color: var(--theme-color-components-chat-background);
display: none;
--header-h: 64px;
}
@media (min-width: 768px) {
.root {
position: sticky;
top: var(--header-h);
display: block;
height: calc(100vh - var(--header-h));
max-height: calc(100vh - var(--header-h));
}
}
/*
First div is .ant-layout-sider-children
Only way to target it apparently
*/
.root > div {
display: flex;
flex-flow: column nowrap;
-moz-box-flex: 1 !important;
flex-grow: 1 !important;
height: 100% !important;
}