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

pinned invesetigations front
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 16:25:44 +01:00
parent 347c45bc22
commit f1ace8cc05
7 changed files with 338 additions and 159 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -7,12 +7,14 @@
@media #{$medium} {
padding-bottom: calc(var(--spacing)*4);
margin-bottom: calc(var(--spacing)*4);
&:first-of-type{
&:first-of-type{
padding-top: calc(var(--spacing)*2);
}
.col-left{
margin-bottom: calc(var(--spacing)*3);
}
}
.baseline-section {
@ -45,9 +47,9 @@
margin-bottom: calc(var(--spacing)*4);
padding-top: calc(var(--spacing)*4);
display: grid;
--gap: calc(var(--padding-body)*2);
grid-template-columns: 1fr 2fr;
grid-gap: var(--gap);
// grid-template-columns: 1fr 2fr;
grid-template-columns: minmax(360px, 1fr) 2fr;
grid-gap: calc(var(--padding-body)*3);
}
@ -100,53 +102,19 @@
#home__investigations {
.section--inner{
padding-top: calc(var(--spacing)*1.5);
}
@media #{$small-up} {
.col-right{
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--padding-body);
.card--article:first-of-type{
grid-column: span 2;
display: grid;
grid-template-columns: 1fr 1fr;
figure,
picture{
grid-column: span 2;
}
.title{
grid-column: span 2;
font-size: var(--fs-medium);
padding-right: 3ch;
margin-bottom: calc(var(--spacing)*1);
}
.description{
grid-column: 1;
grid-row: 3;
padding-right: 3ch;
display: block;
-webkit-line-clamp: unset;
-webkit-box-orient: unset;
overflow: visible;
}
dl{
grid-column: 2;
grid-row: 3;
}
.keywords-wrapper{
grid-column: 2;
grid-row: 4;
}
}
.see-more{
grid-column: span 2;