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

investigation → style siders + titles
All checks were successful
Deploy / Deploy to Production (push) Successful in 12s
Details

Browse source
This commit is contained in:
Julie Blanc 2026-02-19 14:35:53 +01:00
parent c4724c8f8d
commit d51835a2c0
10 changed files with 136 additions and 236 deletions
Download patch file Download diff file Expand all files Collapse all files

9
assets/css/template/_home.scss
View file

@ -50,7 +50,7 @@
grid-gap: var(--gap);
}
.col-left {
align-self: start;
position: sticky;
@ -63,6 +63,13 @@
height: 100%;
}
&#home__investigations .section--inner{
.section--inner{ padding-top: calc(var(--spacing)*1); }
.col-left{ top: calc(var(--header-h) + var(--spacing)*1.5); }
}
}

76
assets/css/template/_investigation_content.scss
View file

@ -4,46 +4,55 @@
padding-top: calc(var(--spacing) * 4);
.section-content {
// min-height: calc(100vh - var(--header-h));
padding-left: calc(var(--padding-body)*1.5);
padding-right: calc(var(--padding-body)*1.5);
margin-bottom: calc(var(--spacing)*6);
&:target{
padding-top: calc(var(--header-h) + var(--spacing)*2);
@media #{$small}{ padding-top: calc(var(--header-h) + var(--spacing)*0.5); }
}
margin-bottom: calc(var(--spacing)*4);
}
.section-title-only{
margin-bottom: 0;
}
.section-title {
h3, h4, h5{
font-weight: 500;
max-width: var(--max-w-content);
margin-inline: auto;
margin-bottom: calc(var(--spacing)*2);
font-size: var(--fs-medium);
font-weight: 500;
// text-transform: uppercase;
text-wrap: balance;
max-width: var(--max-w-content);
}
.section-txt{
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;
}
.section-txt{
max-width: var(--max-w-content);
margin-inline: auto;
}
.subsection-w-media{
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--padding-body);
margin-bottom: calc(var(--spacing)*4);
margin-top: calc(var(--spacing)*2);
position: relative;
@ -122,6 +131,12 @@
margin: calc(var(--spacing)*0.5) 0;
}
}
.subsection-txt > :first-child,
.section-content > :first-child{
margin-top: 0px;
}
}
.investigation__content:target {
@ -139,15 +154,16 @@
height: auto;
}
.caption{
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;
}
.swiper{
width: calc(100% - 60px);
max-width: 600px;
}
// .swiper{
// width: calc(100% - 60px);
// max-width: 600px;
// }
}