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

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

Browse source
This commit is contained in:
Julie Blanc 2026-02-07 15:59:34 +01:00
parent 48ded249a3
commit da79013711
14 changed files with 203 additions and 200 deletions
Download patch file Download diff file Expand all files Collapse all files

10
assets/css/base/_var.scss
View file

@ -29,6 +29,8 @@
--leading-tight: 1.05; --leading-tight: 1.05;
--leading-normal: 1.3; --leading-normal: 1.3;
--leading-title: 1.1;
// --leading-relaxed: 1.4; // --leading-relaxed: 1.4;
// --leading-loose: 1.8; // --leading-loose: 1.8;
@ -83,10 +85,10 @@
@media #{$small}{ @media #{$small}{
:root { :root {
--fs-xsmall: 10px; --fs-xsmall: 16px;
--fs-small: 12px; --fs-small: 16px;
--fs-normal: 14px; --fs-normal: 20px;
--fs-medium: 18px; --fs-medium: 24px;
--fs-big: 28px; --fs-big: 28px;
--fs-xbig: 32px; --fs-xbig: 32px;

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

@ -1,117 +1,100 @@
.card--article-small {
.card--article-small{
@include grid-content(); @include grid-content();
padding-top: calc(var(--spacing)*0.5); padding-top: calc(var(--spacing)*0.5);
padding-bottom: calc(var(--spacing)*0.5); padding-bottom: calc(var(--spacing)*0.5);
border-bottom: var(--border-light); border-bottom: var(--border-light);
&:first-of-type{
&:first-of-type {
border-top: var(--border-light); border-top: var(--border-light);
} }
&.has-link { &.has-link {
@include hover-card-line(); @include hover-card-line();
} }
// &:first-of-type{
// padding-top: calc(var(--spacing)*0.5);
// border-top: var(--border-light);
// }
@include figure-16-9(); @include figure-16-9();
figure{ figure {
@media #{$x-small}{ margin-left: 0px; } @media #{$x-small} {
margin-left: 0px;
}
} }
.content{ .content {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding-top: calc(var(--spacing)*0.25); padding-top: calc(var(--spacing)*0.25);
padding-right: calc(var(--padding-inner)*3); padding-right: calc(var(--padding-inner)*3);
} }
.title{ .title {
font-weight: 500; font-weight: 500;
font-size: var(--fs-small); font-size: var(--fs-small);
margin-bottom: 0.25em; margin-bottom: 0.25em;
text-wrap: balance; text-wrap: balance;
max-width: 42ch; max-width: 42ch;
text-transform: uppercase; text-transform: uppercase;
line-height: 1.1; line-height: var(--leading-title);
a{ text-decoration: none;}
a {
text-decoration: none;
}
} }
time{ time {
flex-grow: 1; flex-grow: 1;
color: var(--color-txt-light); color: var(--color-txt-light);
} }
.description{ .description {
@include clamp(2); @include clamp(2);
margin-bottom: calc(var(--spacing)*0.75); margin-bottom: calc(var(--spacing)*0.75);
margin-top: calc(var(--spacing)*0.25); margin-top: calc(var(--spacing)*0.25);
} }
@include btn--go-to(); @include btn--go-to();
@include hover-card-line(); @include hover-card-line();
.keywords{ display: none; }
@media #{$medium}{ .keywords {
.title{ display: none;
}
@media #{$medium} {
.title {
font-size: var(--fs-normal); font-size: var(--fs-normal);
margin-bottom: 0; margin-bottom: 0;
} }
} }
@media #{$x-small}{ @media #{$x-small} {
// figure{ .content {
// aspect-ratio: inherit; display: contents;
// width: 100%; }
// height: 100%;
// }
.icon-article{ display: none; } .title {
.description{
display: none;
}
.content{
padding: 0;
}
.title{
margin-bottom: 0;
}
time{
font-size: var(--fs-small); font-size: var(--fs-small);
margin-top: 0.25em; padding-top: calc(var(--spacing)*0.25);
} }
.keywords { figure {
display: block; grid-row: 1/3;
line-height: 1.1;
margin-top: calc(var(--spacing)*0.5);
padding-right: calc(var(--padding-inner)*1);
li, a{
display: inline;
border: none;
padding: 0px;
color: var(--color-txt-light);
}
} }
.description {
grid-column: span 2;
}
} }
} }

2
assets/css/components/_card-article.scss
View file

@ -42,7 +42,7 @@
.title{ .title{
margin-top: calc(var(--spacing)*0.75); margin-top: calc(var(--spacing)*0.75);
font-size: var(--fs-normal); font-size: var(--fs-normal);
line-height: 1.1; line-height: var(--leading-title);
font-weight: 500; font-weight: 500;
text-transform: uppercase; text-transform: uppercase;
text-wrap: balance; text-wrap: balance;

51
assets/css/components/_card-folder.scss
View file

@ -36,6 +36,7 @@
font-weight: 500; font-weight: 500;
font-size: var(--fs-normal); font-size: var(--fs-normal);
line-height: var(--leading-title);
margin-bottom: 0.75em; margin-bottom: 0.75em;
text-wrap: balance; text-wrap: balance;
@ -110,6 +111,7 @@
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;
border-bottom: var(--border-light); border-bottom: var(--border-light);
&:first-of-type{ &:first-of-type{
border-top: var(--border-light); border-top: var(--border-light);
} }
@ -126,33 +128,44 @@
font-size: var(--fs-small); font-size: var(--fs-small);
} }
} }
@media #{$x-small} {
@container cardfolder (width < 680px) { .card--folder{
figure{
aspect-ratio: inherit;
width: 100%;
height: 100%;
}
.short{
margin-top: calc(var(--spacing)*0.5);
}
}
@container cardfolder (width < 520px) { .content {
figure{ display: contents;
aspect-ratio: inherit; }
width: 100%; figure {
height: 100%; grid-row: 1/3;
} }
.short, ul{
font-size: var(--fs-small); .title {
font-size: var(--fs-small);
padding-top: calc(var(--spacing)*0.25);
margin-bottom: 0;
}
.short {
grid-column: span 2;
}
ul{
grid-column: 2;
grid-row: 2;
padding-top: 0;
}
} }
} }

17
assets/css/components/_card-impact-small.scss
View file

@ -32,17 +32,8 @@
.keywords { .keywords {
grid-column: 2; grid-column: 2;
z-index: 10; z-index: 10;
@media #{$x-small} { display: none; }
@media #{$x-small} {
display: block;
line-height: 1.1;
li, a{
display: inline;
border: none;
padding: 0px;
color: var(--color-txt-light);
}
}
} }
@ -98,13 +89,7 @@
} }
// .open-graph__inner {
// margin-top: calc(var(--spacing)*0.5);
// .card--open-graph {
// margin-bottom: calc(var(--spacing)*0.5);
// }
// }
} }

8
assets/css/components/_form-newsletter.scss
View file

@ -18,14 +18,14 @@
padding: 0 2ch; padding: 0 2ch;
font-family: var(--font); font-family: var(--font);
font-size: var(--fs-normal); font-size: var(--fs-small);
z-index: 40; z-index: 40;
padding-top: 4px; padding-top: 4px;
background: var(--color-bg); background: var(--color-bg);
color: var(--color-txt); color: var(--color-txt);
&::placeholder{ &::placeholder{
font-family: var(--font); font-family: var(--font);
font-size: var(--fs-normal); font-size: var(--fs-small);
color: var(--color-txt); color: var(--color-txt);
} }
@ -49,7 +49,7 @@
--size: calc(var(--h-block)*1.25 - 8px); --size: calc(var(--h-block)*1.25 - 8px);
font-family: var(--font); font-family: var(--font);
font-size: var(--fs-button-bold); font-size: var(--fs-small);
height: var(--size); height: var(--size);
@ -83,7 +83,7 @@
.txt{ .txt{
position: relative; position: relative;
top: 2px; top: 2px;
font-size: var(--fs-normal); font-size: var(--fs-small);
display: none; display: none;
padding-left: 1ch; padding-left: 1ch;
} }

12
assets/css/components/_list-socials.scss
View file

@ -36,8 +36,10 @@
display: block; display: block;
li{ li{
margin-bottom: calc(var(--spacing)*0.5); margin-bottom: calc(var(--spacing)*0.25);
break-inside: avoid; break-inside: avoid;
font-size: var(--fs-small);
} }
a{ a{
@ -48,6 +50,14 @@
content: '↗'; content: '↗';
color: var(--grey-300); color: var(--grey-300);
} }
&:hover{
color: var(--color-accent);
&::after{
color: var(--color-accent);
opacity: 0.5;
}
}
} }
.text{ .text{
display: block; display: block;

7
assets/css/partials/_page-header.scss
View file

@ -11,7 +11,6 @@
padding-top: 3px; padding-top: 3px;
font-size: var(--fs-xsmall); font-size: var(--fs-xsmall);
line-height: 1;
background-color: var(--color-bg); background-color: var(--color-bg);
color: var(--color-txt-light); color: var(--color-txt-light);
@ -40,7 +39,7 @@ main .page__header {
font-weight: normal; font-weight: normal;
font-size: var(--fs-medium); font-size: var(--fs-medium);
font-weight: 500; font-weight: 500;
line-height: var(--leading-tight); line-height: var(--leading-title);
margin-top: calc(var(--spacing) * 1); margin-top: calc(var(--spacing) * 1);
margin-bottom: calc(var(--spacing) * 0.5); margin-bottom: calc(var(--spacing) * 0.5);
text-wrap: balance; text-wrap: balance;
@ -48,8 +47,8 @@ main .page__header {
} }
.description { .description {
max-width: 58ch; // max-width: 58ch;
line-height: 1.1; // line-height: 1.1;
} }
.description-medium{ .description-medium{

25
assets/css/partials/_site-footer.scss
View file

@ -20,6 +20,7 @@
p{ p{
margin: calc(var(--spacing)*0.5) 0; margin: calc(var(--spacing)*0.5) 0;
font-size: var(--fs-small);
a{ a{
text-decoration: none; text-decoration: none;
&:hover{ &:hover{
@ -36,12 +37,16 @@
.footer__mentions{ .footer__mentions{
p{ p{
font-size: var(--fs-small); font-size: var(--fs-xsmall);
color: var(--color-txt) color: var(--color-txt)
} }
} }
.footer__socials > p{
font-weight: 500;
}
@media #{$small}{ @media #{$small}{
@ -51,6 +56,8 @@
padding-top: calc(var(--spacing)*0.25); padding-top: calc(var(--spacing)*0.25);
border-top: var(--border-light); border-top: var(--border-light);
.list-socials{ .list-socials{
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);
@ -61,10 +68,14 @@
border-top: var(--border-light); border-top: var(--border-light);
padding-top: calc(var(--spacing)*0.25); padding-top: calc(var(--spacing)*0.25);
p{ p{
font-size: var(--fs-small); font-size: 12px;
text-align: center; text-align: center;
} }
} }
.p__small{
font-size: 12px;
}
} }
@ -76,6 +87,16 @@
column-gap: calc(var(--spacing)*2); column-gap: calc(var(--spacing)*2);
} }
.footer__newsletter{
grid-column: 1;
grid-row: 2;
}
.footer__socials{
grid-column: 2;
grid-row: 2;
}
.footer__socials .socials{ .footer__socials .socials{
columns: 2; columns: 2;
margin-top: calc(var(--spacing)*1); margin-top: calc(var(--spacing)*1);

10
assets/css/partials/_site-menu.scss
View file

@ -51,14 +51,14 @@
} }
} }
} }
.socials{
padding-bottom: calc(var(--spacing)*0.75);
}
} }
body.menu-open{ body.menu-open{
// overflow: hidden;
// main, footer, #nav-highlight{
// transition: opacity .3s ease-in;
// opacity: 0.1;
// }
#site-menu{ #site-menu{
right: 0; right: 0;

140
assets/css/style.css
View file

@ -15,6 +15,7 @@
--panel-w: 310px; --panel-w: 310px;
--leading-tight: 1.05; --leading-tight: 1.05;
--leading-normal: 1.3; --leading-normal: 1.3;
--leading-title: 1.1;
--fw-normal: 400; --fw-normal: 400;
--fw-medium: 500; --fw-medium: 500;
--fw-bold: 600; --fw-bold: 600;
@ -57,10 +58,10 @@
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
:root { :root {
--fs-xsmall: 10px; --fs-xsmall: 16px;
--fs-small: 12px; --fs-small: 16px;
--fs-normal: 14px; --fs-normal: 20px;
--fs-medium: 18px; --fs-medium: 24px;
--fs-big: 28px; --fs-big: 28px;
--fs-xbig: 32px; --fs-xbig: 32px;
--header-h: 60px; --header-h: 60px;
@ -728,7 +729,7 @@ button.sort[data-sort-type=up] .arrow {
border: 1px solid var(--color-txt); border: 1px solid var(--color-txt);
padding: 0 2ch; padding: 0 2ch;
font-family: var(--font); font-family: var(--font);
font-size: var(--fs-normal); font-size: var(--fs-small);
z-index: 40; z-index: 40;
padding-top: 4px; padding-top: 4px;
background: var(--color-bg); background: var(--color-bg);
@ -736,12 +737,12 @@ button.sort[data-sort-type=up] .arrow {
} }
.form__newsletter input[type=email]::-moz-placeholder { .form__newsletter input[type=email]::-moz-placeholder {
font-family: var(--font); font-family: var(--font);
font-size: var(--fs-normal); font-size: var(--fs-small);
color: var(--color-txt); color: var(--color-txt);
} }
.form__newsletter input[type=email]::placeholder { .form__newsletter input[type=email]::placeholder {
font-family: var(--font); font-family: var(--font);
font-size: var(--fs-normal); font-size: var(--fs-small);
color: var(--color-txt); color: var(--color-txt);
} }
.form__newsletter input[type=email]:focus { .form__newsletter input[type=email]:focus {
@ -755,7 +756,7 @@ button.sort[data-sort-type=up] .arrow {
.form__newsletter button[type=submit].btn--newletter { .form__newsletter button[type=submit].btn--newletter {
--size: calc(var(--h-block)*1.25 - 8px); --size: calc(var(--h-block)*1.25 - 8px);
font-family: var(--font); font-family: var(--font);
font-size: var(--fs-button-bold); font-size: var(--fs-small);
height: var(--size); height: var(--size);
display: flex; display: flex;
align-items: center; align-items: center;
@ -784,7 +785,7 @@ button.sort[data-sort-type=up] .arrow {
.form__newsletter button[type=submit].btn--newletter .txt { .form__newsletter button[type=submit].btn--newletter .txt {
position: relative; position: relative;
top: 2px; top: 2px;
font-size: var(--fs-normal); font-size: var(--fs-small);
display: none; display: none;
padding-left: 1ch; padding-left: 1ch;
} }
@ -886,9 +887,10 @@ button.sort[data-sort-type=up] .arrow {
display: block; display: block;
} }
.footer__socials .list-socials li { .footer__socials .list-socials li {
margin-bottom: calc(var(--spacing) * 0.5); margin-bottom: calc(var(--spacing) * 0.25);
-moz-column-break-inside: avoid; -moz-column-break-inside: avoid;
break-inside: avoid; break-inside: avoid;
font-size: var(--fs-small);
} }
.footer__socials .list-socials a { .footer__socials .list-socials a {
gap: 1ch; gap: 1ch;
@ -898,6 +900,13 @@ button.sort[data-sort-type=up] .arrow {
content: "↗"; content: "↗";
color: var(--grey-300); color: var(--grey-300);
} }
.footer__socials .list-socials a:hover {
color: var(--color-accent);
}
.footer__socials .list-socials a:hover::after {
color: var(--color-accent);
opacity: 0.5;
}
.footer__socials .list-socials .text { .footer__socials .list-socials .text {
display: block; display: block;
line-height: 1; line-height: 1;
@ -1215,7 +1224,7 @@ button.sort[data-sort-type=up] .arrow {
.card--article .title { .card--article .title {
margin-top: calc(var(--spacing) * 0.75); margin-top: calc(var(--spacing) * 0.75);
font-size: var(--fs-normal); font-size: var(--fs-normal);
line-height: 1.1; line-height: var(--leading-title);
font-weight: 500; font-weight: 500;
text-transform: uppercase; text-transform: uppercase;
text-wrap: balance; text-wrap: balance;
@ -1336,7 +1345,7 @@ button.sort[data-sort-type=up] .arrow {
text-wrap: balance; text-wrap: balance;
max-width: 42ch; max-width: 42ch;
text-transform: uppercase; text-transform: uppercase;
line-height: 1.1; line-height: var(--leading-title);
} }
.card--article-small .title a { .card--article-small .title a {
text-decoration: none; text-decoration: none;
@ -1410,33 +1419,18 @@ button.sort[data-sort-type=up] .arrow {
} }
} }
@media screen and (max-width: 560px) { @media screen and (max-width: 560px) {
.card--article-small .icon-article {
display: none;
}
.card--article-small .description {
display: none;
}
.card--article-small .content { .card--article-small .content {
padding: 0; display: contents;
} }
.card--article-small .title { .card--article-small .title {
margin-bottom: 0;
}
.card--article-small time {
font-size: var(--fs-small); font-size: var(--fs-small);
margin-top: 0.25em; padding-top: calc(var(--spacing) * 0.25);
} }
.card--article-small .keywords { .card--article-small figure {
display: block; grid-row: 1/3;
line-height: 1.1;
margin-top: calc(var(--spacing) * 0.5);
padding-right: calc(var(--padding-inner) * 1);
} }
.card--article-small .keywords li, .card--article-small .keywords a { .card--article-small .description {
display: inline; grid-column: span 2;
border: none;
padding: 0px;
color: var(--color-txt-light);
} }
} }
@ -1778,14 +1772,7 @@ button.sort[data-sort-type=up] .arrow {
} }
@media screen and (max-width: 560px) { @media screen and (max-width: 560px) {
.card--impact-small .keywords { .card--impact-small .keywords {
display: block; display: none;
line-height: 1.1;
}
.card--impact-small .keywords li, .card--impact-small .keywords a {
display: inline;
border: none;
padding: 0px;
color: var(--color-txt-light);
} }
} }
@media screen and (max-width: 560px) { @media screen and (max-width: 560px) {
@ -1906,6 +1893,7 @@ button.sort[data-sort-type=up] .arrow {
.card--folder .title { .card--folder .title {
font-weight: 500; font-weight: 500;
font-size: var(--fs-normal); font-size: var(--fs-normal);
line-height: var(--leading-title);
margin-bottom: 0.75em; margin-bottom: 0.75em;
text-wrap: balance; text-wrap: balance;
max-width: 42ch; max-width: 42ch;
@ -2033,24 +2021,25 @@ button.sort[data-sort-type=up] .arrow {
font-size: var(--fs-small); font-size: var(--fs-small);
} }
@container cardfolder (width < 680px) { @media screen and (max-width: 560px) {
figure { .card--folder .content {
aspect-ratio: inherit; display: contents;
width: 100%;
height: 100%;
} }
.short { .card--folder figure {
margin-top: calc(var(--spacing) * 0.5); grid-row: 1/3;
} }
} .card--folder .title {
@container cardfolder (width < 520px) {
figure {
aspect-ratio: inherit;
width: 100%;
height: 100%;
}
.short, ul {
font-size: var(--fs-small); font-size: var(--fs-small);
padding-top: calc(var(--spacing) * 0.25);
margin-bottom: 0;
}
.card--folder .short {
grid-column: span 2;
}
.card--folder ul {
grid-column: 2;
grid-row: 2;
padding-top: 0;
} }
} }
.card--open-graph { .card--open-graph {
@ -2406,6 +2395,9 @@ button.sort[data-sort-type=up] .arrow {
#site-menu nav ul .highlight { #site-menu nav ul .highlight {
text-transform: uppercase; text-transform: uppercase;
} }
#site-menu .socials {
padding-bottom: calc(var(--spacing) * 0.75);
}
body.menu-open #site-menu { body.menu-open #site-menu {
right: 0; right: 0;
@ -2436,6 +2428,7 @@ body.menu-open #menu-toggle .close {
} }
#site-footer p { #site-footer p {
margin: calc(var(--spacing) * 0.5) 0; margin: calc(var(--spacing) * 0.5) 0;
font-size: var(--fs-small);
} }
#site-footer p a { #site-footer p a {
text-decoration: none; text-decoration: none;
@ -2449,9 +2442,12 @@ body.menu-open #menu-toggle .close {
color: var(--grey-600); color: var(--grey-600);
} }
#site-footer .footer__mentions p { #site-footer .footer__mentions p {
font-size: var(--fs-small); font-size: var(--fs-xsmall);
color: var(--color-txt); color: var(--color-txt);
} }
#site-footer .footer__socials > p {
font-weight: 500;
}
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
#site-footer .footer__socials { #site-footer .footer__socials {
margin-top: calc(var(--spacing) * 0.75); margin-top: calc(var(--spacing) * 0.75);
@ -2467,9 +2463,12 @@ body.menu-open #menu-toggle .close {
padding-top: calc(var(--spacing) * 0.25); padding-top: calc(var(--spacing) * 0.25);
} }
#site-footer .footer__mentions p { #site-footer .footer__mentions p {
font-size: var(--fs-small); font-size: 12px;
text-align: center; text-align: center;
} }
#site-footer .p__small {
font-size: 12px;
}
} }
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
#site-footer .site-footer__container { #site-footer .site-footer__container {
@ -2478,6 +2477,14 @@ body.menu-open #menu-toggle .close {
-moz-column-gap: calc(var(--spacing) * 2); -moz-column-gap: calc(var(--spacing) * 2);
column-gap: calc(var(--spacing) * 2); column-gap: calc(var(--spacing) * 2);
} }
#site-footer .footer__newsletter {
grid-column: 1;
grid-row: 2;
}
#site-footer .footer__socials {
grid-column: 2;
grid-row: 2;
}
#site-footer .footer__socials .socials { #site-footer .footer__socials .socials {
-moz-columns: 2; -moz-columns: 2;
columns: 2; columns: 2;
@ -2522,7 +2529,6 @@ body main .page__content {
padding: 0 1.5ch; padding: 0 1.5ch;
padding-top: 3px; padding-top: 3px;
font-size: var(--fs-xsmall); font-size: var(--fs-xsmall);
line-height: 1;
background-color: var(--color-bg); background-color: var(--color-bg);
color: var(--color-txt-light); color: var(--color-txt-light);
font-weight: 500; font-weight: 500;
@ -2546,15 +2552,11 @@ main .page__header .page__title {
font-weight: normal; font-weight: normal;
font-size: var(--fs-medium); font-size: var(--fs-medium);
font-weight: 500; font-weight: 500;
line-height: var(--leading-tight); line-height: var(--leading-title);
margin-top: calc(var(--spacing) * 1); margin-top: calc(var(--spacing) * 1);
margin-bottom: calc(var(--spacing) * 0.5); margin-bottom: calc(var(--spacing) * 0.5);
text-wrap: balance; text-wrap: balance;
} }
main .page__header .description {
max-width: 58ch;
line-height: 1.1;
}
main .page__header .description-medium { main .page__header .description-medium {
max-width: 58ch; max-width: 58ch;
line-height: 1.1; line-height: 1.1;
@ -2785,6 +2787,8 @@ main .page__header .description-medium {
grid-gap: var(--padding-inner); grid-gap: var(--padding-inner);
grid-template-columns: 2fr 3fr; grid-template-columns: 2fr 3fr;
position: relative; position: relative;
-moz-column-gap: 1ch;
column-gap: 1ch;
border-top: var(--border-light); border-top: var(--border-light);
padding: calc(var(--spacing) * 0.5) 0; padding: calc(var(--spacing) * 0.5) 0;
} }
@ -2870,14 +2874,6 @@ main .page__header .description-medium {
display: none; display: none;
} }
} }
@media screen and (max-width: 560px) {
[data-template=investigation-summary] main #section__dl .dl__group {
-moz-column-gap: 1ch;
column-gap: 1ch;
font-size: var(--fs-small);
padding: calc(var(--spacing) * 0.25) 0;
}
}
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
[data-template=report] #toggle-panel { [data-template=report] #toggle-panel {
display: none; display: none;

2
assets/css/style.css.map
View file

File diff suppressed because one or more lines are too long

11
assets/css/template/_investigation-summary.scss
View file

@ -76,6 +76,7 @@
.dl__group { .dl__group {
@include grid-content(); @include grid-content();
column-gap: 1ch;
border-top: var(--border-light); border-top: var(--border-light);
padding: calc(var(--spacing) * 0.5) 0; padding: calc(var(--spacing) * 0.5) 0;
} }
@ -200,13 +201,3 @@
} }
} }
} }
@media #{$x-small} {
[data-template="investigation-summary"] main {
#section__dl .dl__group {
column-gap: 1ch;
font-size: var(--fs-small);
padding: calc(var(--spacing) * 0.25) 0;
}
}
}

5
site/snippets/footer.php
View file

@ -1,8 +1,11 @@
<?php snippet('back-to-top') ?> <?php snippet('back-to-top') ?>
<footer id="site-footer"> <footer id="site-footer">
<div class="site-footer__container"> <div class="site-footer__container">
<div class="logo"><?= svg('assets/images/index-logo.svg') ?></div>
<div class="footer__newsletter"> <div class="footer__newsletter">
<div class="logo"><?= svg('assets/images/index-logo.svg') ?></div>
<p> <p>
Recevez les dernières enquêtes et actualités d’Index directement Recevez les dernières enquêtes et actualités d’Index directement
dans votre boîte mail. dans votre boîte mail.