studio-variable/index-main
4
0
Fork 0
Code Issues 14 Pull requests Projects Releases Packages Wiki Activity Actions

style page-single
All checks were successful
Deploy / Deploy to Production (push) Successful in 12s
Details

Browse source
This commit is contained in:
Julie Blanc 2026-02-24 17:42:51 +01:00
parent 7b3ebb3ca4
commit f61b6e8840
9 changed files with 264 additions and 140 deletions
Download patch file Download diff file Expand all files Collapse all files

96
assets/css/components/_text.scss
View file

@ -0,0 +1,96 @@
.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;
}
}
}