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

fix picture height
All checks were successful
Deploy / Deploy to Production (push) Successful in 14s
Details

Browse source
This commit is contained in:
isUnknown 2026-02-27 14:37:01 +01:00
parent 1ce6dd391a
commit 85eef1b29a
3 changed files with 108 additions and 95 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,97 +1,98 @@
[data-template="package"] .page__content,
.main__single .page__content,
#investigation__content {
font-size: var(--fs-text);
[data-template="package"] .page__content, p,
.main__single .page__content, li,
#investigation__content{ ul {
font-size: var(--fs-text); font-size: var(--fs-text);
}
p, li, ul{ h3,
font-size: var(--fs-text); 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,
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{ h3,
font-weight: 500; h4,
max-width: var(--max-w-content); h5 {
margin-inline: auto; margin-top: 0;
@media #{$small} {
margin-top: calc(var(--spacing) * 0.5);
margin-bottom: calc(var(--spacing) * 0.75);
}
} }
}
& > .insert,
h3 { & > .swiper,
margin-top: calc(var(--spacing)*4); & > .slider-before-after,
margin-bottom: calc(var(--spacing)*2); & > figure {
font-size: 1.45em; margin-top: calc(var(--spacing) * 2);
text-transform: uppercase; margin-bottom: calc(var(--spacing) * 2);
& + .caption {
margin-top: calc(var(--spacing) * -1.5) !important;
} }
}
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, 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);
@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;
}
}
}

22
assets/css/style.css
View file

@ -1484,7 +1484,9 @@ figcaption, .caption {
#investigation__content { #investigation__content {
font-size: var(--fs-text); font-size: var(--fs-text);
} }
[data-template=package] .page__content p, [data-template=package] .page__content li, [data-template=package] .page__content ul, [data-template=package] .page__content p,
[data-template=package] .page__content li,
[data-template=package] .page__content ul,
.main__single .page__content p, .main__single .page__content p,
.main__single .page__content li, .main__single .page__content li,
.main__single .page__content ul, .main__single .page__content ul,
@ -1493,7 +1495,9 @@ figcaption, .caption {
#investigation__content ul { #investigation__content ul {
font-size: var(--fs-text); font-size: var(--fs-text);
} }
[data-template=package] .page__content h3, [data-template=package] .page__content h4, [data-template=package] .page__content h5, [data-template=package] .page__content h3,
[data-template=package] .page__content h4,
[data-template=package] .page__content h5,
.main__single .page__content h3, .main__single .page__content h3,
.main__single .page__content h4, .main__single .page__content h4,
.main__single .page__content h5, .main__single .page__content h5,
@ -1545,7 +1549,10 @@ figcaption, .caption {
#investigation__content ul li { #investigation__content ul li {
margin: calc(var(--spacing) * 0.5) 0; margin: calc(var(--spacing) * 0.5) 0;
} }
[data-template=package] .page__content video, [data-template=package] .page__content figure, [data-template=package] .page__content img, [data-template=package] .page__content picture, [data-template=package] .page__content video,
[data-template=package] .page__content figure,
[data-template=package] .page__content img,
[data-template=package] .page__content picture,
.main__single .page__content video, .main__single .page__content video,
.main__single .page__content figure, .main__single .page__content figure,
.main__single .page__content img, .main__single .page__content img,
@ -1555,6 +1562,7 @@ figcaption, .caption {
#investigation__content img, #investigation__content img,
#investigation__content picture { #investigation__content picture {
width: 100%; width: 100%;
height: auto;
} }
[data-template=package] .page__content .insert, [data-template=package] .page__content .insert,
.main__single .page__content .insert, .main__single .page__content .insert,
@ -1582,7 +1590,9 @@ figcaption, .caption {
max-width: var(--max-w-content); max-width: var(--max-w-content);
margin-inline: auto; margin-inline: auto;
} }
[data-template=package] .page__content .insert h3, [data-template=package] .page__content .insert h4, [data-template=package] .page__content .insert h5, [data-template=package] .page__content .insert h3,
[data-template=package] .page__content .insert h4,
[data-template=package] .page__content .insert h5,
.main__single .page__content .insert h3, .main__single .page__content .insert h3,
.main__single .page__content .insert h4, .main__single .page__content .insert h4,
.main__single .page__content .insert h5, .main__single .page__content .insert h5,
@ -1592,7 +1602,9 @@ figcaption, .caption {
margin-top: 0; margin-top: 0;
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
[data-template=package] .page__content .insert h3, [data-template=package] .page__content .insert h4, [data-template=package] .page__content .insert h5, [data-template=package] .page__content .insert h3,
[data-template=package] .page__content .insert h4,
[data-template=package] .page__content .insert h5,
.main__single .page__content .insert h3, .main__single .page__content .insert h3,
.main__single .page__content .insert h4, .main__single .page__content .insert h4,
.main__single .page__content .insert h5, .main__single .page__content .insert h5,

2
assets/css/style.css.map
View file

File diff suppressed because one or more lines are too long