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

97 lines
2 KiB
SCSS
Raw Normal View History

2026-02-25 18:22:13 +01:00
[data-template="package"] .page__content,
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;
}
}
2026-02-25 19:05:22 +01:00
2026-02-24 17:42:51 +01:00
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);
2026-02-25 14:14:37 +01:00
@media #{$small} {
padding: calc(var(--padding-inner)*1);
}
2026-02-24 17:42:51 +01:00
background-color: var(--grey-800);
.insert--inner{
max-width: var(--max-w-content);
margin-inline: auto;
}
h3, h4, h5{
margin-top: 0;
2026-02-25 14:14:37 +01:00
@media #{$small} {
margin-top: calc(var(--spacing)*0.5);
margin-bottom: calc(var(--spacing)*0.75);
}
2026-02-24 17:42:51 +01:00
}
}
& > .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;
}
}
}