index-main/assets/css/components/_text.scss

96 lines
1.9 KiB
SCSS
Raw Normal View History

2026-02-24 17:42:51 +01:00
.main__single .page__content,
#investigation__content{
font-size: var(--fs-text);
p, li, ul{
font-size: var(--fs-text);
}
h3, h4, h5{
font-weight: 500;
max-width: var(--max-w-content);
margin-inline: auto;
}
h3 {
margin-top: calc(var(--spacing)*4);
margin-bottom: calc(var(--spacing)*2);
font-size: 1.45em;
text-transform: uppercase;
}
h4 {
margin-top: calc(var(--spacing)*3);
margin-bottom: calc(var(--spacing)*1.5);
font-size: 1.2em;
text-transform: uppercase;
}
h5 {
margin-top: calc(var(--spacing)*1.5);
margin-bottom: calc(var(--spacing)*1);
font-size: 1.2em;
text-decoration: 1px underline var(--grey-600);
text-underline-offset: 5px;
}
p {
margin: calc(var(--spacing)*0.75) 0;
}
ul {
padding-left: 3ch;
li{
margin: calc(var(--spacing)*0.5) 0;
}
}
figcaption, .caption{
font-size: var(--fs-small);
color: var(--color-txt-light);
font-weight: 500;
line-height: 1.1;
margin: calc(var(--spacing) * 0.5) 0!important;
}
video, figure, img, picture{
width: 100%;
}
.insert{
max-width: var(--max-w-cards);
margin-inline: auto;
border: 1px solid var(--grey-600);
padding: calc(var(--padding-inner)*3);
background-color: var(--grey-800);
.insert--inner{
max-width: var(--max-w-content);
margin-inline: auto;
}
h3, h4, h5{
margin-top: 0;
}
}
& > .insert,
& > .swiper,
& > .slider-before-after,
& > figure{
margin-top: calc(var(--spacing)*2);
margin-bottom: calc(var(--spacing)*2);
& + .caption{
margin-top: calc(var(--spacing)*-1.5)!important;
}
}
}