index-main/assets/css/components/_text.scss
isUnknown 9f2b85087d
All checks were successful
Deploy / Deploy to Production (push) Successful in 13s
fix #15
2026-02-27 15:24:50 +01:00

98 lines
1.8 KiB
SCSS

[data-template="package"] .page__content,
.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;
}
}
video,
figure,
img:not(.slider-before-after img),
picture {
width: 100%;
height: auto;
}
.insert {
max-width: var(--max-w-cards);
margin-inline: auto;
border: 1px solid var(--grey-600);
padding: calc(var(--padding-inner) * 3);
@media #{$small} {
padding: calc(var(--padding-inner) * 1);
}
background-color: var(--grey-800);
.insert--inner {
max-width: var(--max-w-content);
margin-inline: auto;
}
h3,
h4,
h5 {
margin-top: 0;
@media #{$small} {
margin-top: calc(var(--spacing) * 0.5);
margin-bottom: calc(var(--spacing) * 0.75);
}
}
}
& > .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;
}
}
}