249f7a7d4c
Change logo Add luister and kijk icons Tip de streekredactie points to whatsapp 088-8505651 Add s to Podcast Removed waterschapsverkiezingen from menu Podcast autoplay disabled Remove Gooische Courant and NH Nieuws Changed NH Gooi to Over NH Gooi Added padding and border-radios to homepage posts Changed header 12px to 14px Add now and next programs to homepage Add new button to programs Changed contact text Add fallback image to program guide Make items height equally in program guide
94 lines
1.5 KiB
SCSS
Vendored
94 lines
1.5 KiB
SCSS
Vendored
@use "../abstracts/variables" as *;
|
|
|
|
.box_header {
|
|
span {
|
|
font-family: Nunito, serif;
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
color: #0f259d;
|
|
border-bottom: 3px solid #0f259d;
|
|
display: inline-block;
|
|
text-transform: uppercase;
|
|
height: 30px;
|
|
}
|
|
&.extra_small span {
|
|
font-size: 12px;
|
|
}
|
|
|
|
&.small span {
|
|
font-size: 14px;
|
|
}
|
|
|
|
&.medium span {
|
|
font-size: 18px;
|
|
}
|
|
border-bottom: 1px solid #efefef;
|
|
padding-right: 20px;
|
|
}
|
|
.box {
|
|
display: inline-block;
|
|
width: auto;
|
|
padding: 30px 23px 30px 30px;
|
|
border-radius: 3px;
|
|
box-shadow: 0 0 15px 0 rgba(35, 31, 32, 0.1);
|
|
background-color: $element-bg;
|
|
margin-bottom: 50px;
|
|
|
|
&.full-width {
|
|
width: CALC(100% - 60px);
|
|
}
|
|
&.full-height {
|
|
height: CALC(100% - 103px);
|
|
}
|
|
&.margin_top {
|
|
margin-top: 80px;
|
|
}
|
|
}
|
|
.tabs {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
&.fit_content {
|
|
width: fit-content;
|
|
}
|
|
.box_header {
|
|
padding-right: 20px;
|
|
&:last-of-type {
|
|
padding-right: 0;
|
|
}
|
|
span {
|
|
color: #999;
|
|
border-bottom: none;
|
|
cursor: pointer;
|
|
padding-bottom: 3px;
|
|
}
|
|
|
|
&.extra_small span {
|
|
font-size: 12px;
|
|
}
|
|
|
|
&.small span {
|
|
font-size: 14px;
|
|
}
|
|
|
|
&.medium span {
|
|
font-size: 18px;
|
|
}
|
|
|
|
&.active, &:hover {
|
|
span {
|
|
color: #0f259d;
|
|
border-bottom: 3px solid #0f259d;
|
|
padding-bottom: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.tab_content {
|
|
display: none;
|
|
padding: 20px 23px 20px 20px;
|
|
&.active {
|
|
display: block;
|
|
}
|
|
}
|