owncast/web/components/common/ContentHeader/ContentHeader.module.scss

56 lines
899 B
SCSS
Raw Normal View History

2022-08-17 03:49:21 +03:00
.root {
position: relative;
display: grid;
padding: 20px;
2022-08-17 03:49:21 +03:00
}
.row {
margin-bottom: 7px;
}
.logoTitleSection {
display: flex;
@media (max-width: 768px) {
flex-direction: column;
.logo {
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
margin-top: 10px;
2022-08-17 03:49:21 +03:00
}
}
}
.titleSection {
display: flex;
flex-direction: column;
margin-left: 10px;
2022-08-17 03:49:21 +03:00
.title {
font-family: var(--theme-text-display-font-family);
color: var(--theme-color-palette-0);
2022-08-17 03:49:21 +03:00
font-size: 32px;
font-weight: bold;
line-height: 30px;
}
.subtitle {
font-size: 22px;
font-weight: 300;
line-height: 1.3;
color: var(--theme-color-background-header);
2022-09-10 22:08:22 +03:00
max-width: 900px;
2022-08-17 03:49:21 +03:00
}
}
.tagList {
color: var(--theme-color-palette-10);
2022-08-17 03:49:21 +03:00
span {
display: inline-block;
margin-right: 8px;
font-size: 14px;
font-weight: 500;
2022-08-17 03:49:21 +03:00
}
}