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

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

@ -1,82 +1,86 @@
[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);
font-size: 1.45em; font-size: 1.45em;
text-transform: uppercase; text-transform: uppercase;
} }
h4 { h4 {
margin-top: calc(var(--spacing)*3); margin-top: calc(var(--spacing) * 3);
margin-bottom: calc(var(--spacing)*1.5); margin-bottom: calc(var(--spacing) * 1.5);
font-size: 1.2em; font-size: 1.2em;
text-transform: uppercase; text-transform: uppercase;
} }
h5 { h5 {
margin-top: calc(var(--spacing)*1.5); margin-top: calc(var(--spacing) * 1.5);
margin-bottom: calc(var(--spacing)*1); margin-bottom: calc(var(--spacing) * 1);
font-size: 1.2em; font-size: 1.2em;
text-decoration: 1px underline var(--grey-600); text-decoration: 1px underline var(--grey-600);
text-underline-offset: 5px; text-underline-offset: 5px;
} }
p { p {
margin: calc(var(--spacing)*0.75) 0; margin: calc(var(--spacing) * 0.75) 0;
} }
ul { ul {
padding-left: 3ch; padding-left: 3ch;
li{ li {
margin: calc(var(--spacing)*0.5) 0; margin: calc(var(--spacing) * 0.5) 0;
} }
} }
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;
border: 1px solid var(--grey-600); border: 1px solid var(--grey-600);
padding: calc(var(--padding-inner)*3); padding: calc(var(--padding-inner) * 3);
@media #{$small} { @media #{$small} {
padding: calc(var(--padding-inner)*1); padding: calc(var(--padding-inner) * 1);
} }
background-color: var(--grey-800); background-color: var(--grey-800);
.insert--inner{ .insert--inner {
max-width: var(--max-w-content); max-width: var(--max-w-content);
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);
margin-bottom: calc(var(--spacing)*0.75); margin-bottom: calc(var(--spacing) * 0.75);
} }
} }
} }
@ -84,14 +88,11 @@
& > .insert, & > .insert,
& > .swiper, & > .swiper,
& > .slider-before-after, & > .slider-before-after,
& > figure{ & > figure {
margin-top: calc(var(--spacing)*2); margin-top: calc(var(--spacing) * 2);
margin-bottom: calc(var(--spacing)*2); margin-bottom: calc(var(--spacing) * 2);
& + .caption{ & + .caption {
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