mirror of
https://github.com/owncast/owncast.git
synced 2025-01-02 06:37:36 +03:00
44483a45d3
* style tweaks for Action Button, UserMenu, Modal * a bunch of misc polish; some around chat * Prettified Code! * cleanup * fix formatting * Reduce content padding a bit * some stylesheet cleanup * fix action button sizing * Remove action button height completely --------- Co-authored-by: gingervitis <gingervitis@users.noreply.github.com> Co-authored-by: Gabe Kangas <gabek@real-ity.com>
71 lines
1.1 KiB
SCSS
71 lines
1.1 KiB
SCSS
@import '../../../styles/mixins.scss';
|
|
|
|
$vert-spacing: 0.75rem;
|
|
|
|
.root {
|
|
position: relative;
|
|
display: grid;
|
|
padding: var(--content-padding);
|
|
}
|
|
|
|
.row {
|
|
margin-bottom: $vert-spacing;
|
|
}
|
|
|
|
.logoTitleSection {
|
|
display: flex;
|
|
flex-direction: column;
|
|
.logo {
|
|
margin: auto 0.6rem;
|
|
}
|
|
|
|
@include screen(desktop) {
|
|
flex-direction: row;
|
|
.logo {
|
|
margin: 0.6rem;
|
|
}
|
|
}
|
|
|
|
@include screen(tablet) {
|
|
align-items: center;
|
|
.logo {
|
|
margin: 1.2rem auto;
|
|
}
|
|
}
|
|
}
|
|
|
|
.titleSection {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-left: 0.6rem;
|
|
@include screen(tablet) {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.title {
|
|
font-family: var(--theme-text-display-font-family);
|
|
color: var(--theme-color-palette-0);
|
|
font-size: 1.8rem;
|
|
font-weight: 600;
|
|
line-height: 30px;
|
|
margin: unset;
|
|
}
|
|
|
|
.subtitle {
|
|
font-size: 1.15rem;
|
|
font-weight: 300;
|
|
color: var(--theme-color-palette-0);
|
|
max-width: 900px;
|
|
margin: $vert-spacing 0;
|
|
}
|
|
}
|
|
|
|
.tagList {
|
|
color: var(--theme-color-palette-10);
|
|
|
|
span {
|
|
display: inline-block;
|
|
margin-right: 0.5rem;
|
|
font-weight: 400;
|
|
}
|
|
}
|