studio-variable/index-main
4
0
Fork 0
Code Issues 14 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

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

@ -1,20 +1,22 @@
[data-template="package"] .page__content, [data-template="package"] .page__content,
.main__single .page__content, .main__single .page__content,
#investigation__content { #investigation__content {
font-size: var(--fs-text); font-size: var(--fs-text);
p, li, ul{ p,
li,
ul {
font-size: var(--fs-text); font-size: var(--fs-text);
} }
h3, h4, h5{ h3,
h4,
h5 {
font-weight: 500; font-weight: 500;
max-width: var(--max-w-content); max-width: var(--max-w-content);
margin-inline: auto; margin-inline: auto;
} }
h3 { h3 {
margin-top: calc(var(--spacing) * 4); margin-top: calc(var(--spacing) * 4);
margin-bottom: calc(var(--spacing) * 2); margin-bottom: calc(var(--spacing) * 2);
@ -49,14 +51,14 @@
} }
} }
video,
figure,
img,
video, figure, img, picture{ picture {
width: 100%; width: 100%;
height: auto;
} }
.insert { .insert {
max-width: var(--max-w-cards); max-width: var(--max-w-cards);
margin-inline: auto; margin-inline: auto;
@ -72,7 +74,9 @@
margin-inline: auto; margin-inline: auto;
} }
h3, h4, h5{ h3,
h4,
h5 {
margin-top: 0; margin-top: 0;
@media #{$small} { @media #{$small} {
margin-top: calc(var(--spacing) * 0.5); margin-top: calc(var(--spacing) * 0.5);
@ -91,7 +95,4 @@
margin-top: calc(var(--spacing) * -1.5) !important; 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