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

page investigations
All checks were successful
Deploy / Deploy to Production (push) Successful in 11s
Details

Browse source
This commit is contained in:
Julie Blanc 2026-01-06 17:14:32 +01:00
parent ea648498e2
commit 6cf52a6703
20 changed files with 556 additions and 278 deletions
Download patch file Download diff file Expand all files Collapse all files

9
assets/css/components/_card-small.scss → assets/css/components/_card-article-small.scss
View file

@ -1,11 +1,10 @@
.card--small{
display: grid;
grid-gap: var(--padding-inner);
grid-template-columns: 2fr 3fr;
.card--article-small{
@include grid-content();
margin-bottom: var(--spacing);
position: relative;
@include figure-16-9();

71
assets/css/components/_card-article.scss Normal file
View file

@ -0,0 +1,71 @@
.card--article{
border: var(--border-light);
position: relative;
display: flex;
flex-direction: column;
@include figure-16-9();
.content{
padding: var(--padding-inner);
display: flex;
flex-direction: column;
flex-grow: 2;
}
.title{
margin-top: calc(var(--spacing)*0.5);
font-size: var(--fs-medium);
font-weight: normal;
text-transform: uppercase;
flex-grow: 2;
a{ text-decoration: none;}
}
.description{
margin-top: calc(var(--spacing)*1);
font-size: var(--fs-small);
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.dl{
margin-top: calc(var(--spacing)*0.5);
.dl__group{
@include grid-content();
border-top: var(--border-light);
padding: calc(var(--spacing)*0.5) 0;
}
dt{
color: var(--color-txt-light);
padding-right: 1ch;
}
ul:not(.keywords){
list-style: none;
li{
padding-bottom: 0.2em;
}
}
.dl__group__keywords{
padding-bottom: 0;
}
}
&:hover{
border-color: var(--color-txt);
}
}

8
assets/css/components/_card-impact.scss
View file

@ -1,7 +1,5 @@
.card--impact{
display: grid;
grid-gap: var(--padding-inner);
grid-template-columns: 2fr 3fr;
@include grid-content();
padding: calc(var(--spacing)*0.5) 0;
border-bottom: var(--border-light);
&:first-of-type{
@ -50,9 +48,7 @@
.open-graph__details{
summary{
display: grid;
grid-template-columns: 2fr 3fr;
grid-gap: var(--padding-inner);
@include grid-content();
.summary-inner{
grid-column: 2;

7
assets/css/components/_card-open-graph.scss
View file

@ -1,10 +1,7 @@
.card--open-graph{
display: grid;
grid-template-columns: 2fr 3fr;
grid-gap: var(--padding-inner);
@include grid-content();
border: var(--border-light);
border-radius: var(--radius-small);
position: relative;

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

@ -1,68 +1,4 @@
[data-template="subscription-newsletter"],
[data-template="thanks"],
[data-template="support"],
[data-template="store"]{
.title-page{
font-size: var(--fs-medium);
.p__baseline-big{
font-family: var(--title);
font-size: var(--fs-big);
font-weight: var(--fw-bold);
line-height: 1.1;
text-align: center;
margin: calc(var(--spacing)*1) 0;
strong{
font-weight: var(--fw-bolf);
color: var(--color-accent);
}
.link-don{
display: block;
color: var(--color-accent);
text-decoration: none;
// &::after{
// content: ' ↗';
// font-size: 0.8em;
// }
&:hover{
text-decoration: underline 2px;
text-underline-offset: 4px;
}
}
}
.p__baseline{
font-size: var(--fs-medium);
font-weight: var(--fw-medium);
line-height: 1.1;
text-align: center;
margin: calc(var(--spacing)*1) 0;
@media #{$small}{
text-align: center;
margin: var(--spacing) 0;
}
}
.p__details{
font-size: var(--fs-small);
margin-bottom: 0.5em;
color: var(--grey-400);
}
.section__heading{
font-size: var(--fs-normal);
font-weight: var(--fw-medium);
line-height: 1;
text-align: center;
margin-top: calc(var(--spacing)*0.5);
margin-bottom: calc(var(--spacing)*1);
}
ul, ol{
margin-left: 3ch;
margin-bottom: 0.5em;
}
}
}