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

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

Browse source
This commit is contained in:
Julie Blanc 2026-01-28 00:05:06 +01:00
parent 4fee638a93
commit 80a606243e
6 changed files with 36 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -18,8 +18,7 @@
--fs-button-bold: 22px; --fs-button-bold: 22px;
--max-w-content: 640px; --max-w-content: 640px;
--max-w-cards: 1000px; --max-w-cards: 940px;
--max-w-container: 1280px;
--z-header: 2000; --z-header: 2000;
--panel-w: 310px; --panel-w: 310px;

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

@ -28,7 +28,7 @@ main .page__header {
margin-top: calc(var(--spacing) * 3); margin-top: calc(var(--spacing) * 3);
margin-bottom: calc(var(--spacing) * 2); margin-bottom: calc(var(--spacing) * 2);
@media #{$x-small} { @media #{$small} {
margin-top: calc(var(--spacing) * 2); margin-top: calc(var(--spacing) * 2);
} }

15
assets/css/style.css
View file

@ -10,8 +10,7 @@
--fs-xbig: 38px; --fs-xbig: 38px;
--fs-button-bold: 22px; --fs-button-bold: 22px;
--max-w-content: 640px; --max-w-content: 640px;
--max-w-cards: 1000px; --max-w-cards: 940px;
--max-w-container: 1280px;
--z-header: 2000; --z-header: 2000;
--panel-w: 310px; --panel-w: 310px;
--leading-tight: 1.05; --leading-tight: 1.05;
@ -1998,7 +1997,7 @@ main .page__header {
margin-top: calc(var(--spacing) * 3); margin-top: calc(var(--spacing) * 3);
margin-bottom: calc(var(--spacing) * 2); margin-bottom: calc(var(--spacing) * 2);
} }
@media screen and (max-width: 560px) { @media screen and (max-width: 768px) {
main .page__header { main .page__header {
margin-top: calc(var(--spacing) * 2); margin-top: calc(var(--spacing) * 2);
} }
@ -2188,19 +2187,21 @@ main .page__header .description-medium {
[data-template=investigation-summary] main { [data-template=investigation-summary] main {
position: relative; position: relative;
}
[data-template=investigation-summary] main #hero, [data-template=investigation-summary] main .section__article {
max-width: var(--max-w-cards); max-width: var(--max-w-cards);
margin-inline: auto; margin-inline: auto;
} }
[data-template=investigation-summary] main .panel-left { [data-template=investigation-summary] main .panel-left {
width: calc((100vw - var(--max-w-cards) - var(--padding-body) * 2) * 0.5); width: calc((100vw - var(--max-w-cards) - var(--padding-body) * 4) * 0.5);
} }
@media screen and (max-width: 1380px) { @media screen and (max-width: 1340px) {
[data-template=investigation-summary] main { [data-template=investigation-summary] main {
margin-left: auto; margin-left: auto;
margin-right: var(--padding-body); margin-right: calc(var(--padding-body) * 3);
} }
[data-template=investigation-summary] main .panel-left { [data-template=investigation-summary] main .panel-left {
width: calc(100vw - var(--max-w-cards) - var(--padding-body) * 2); width: calc(100vw - var(--max-w-cards) - var(--padding-body) * 6);
} }
} }
@media screen and (max-width: 1220px) { @media screen and (max-width: 1220px) {

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

File diff suppressed because one or more lines are too long

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

@ -1,18 +1,23 @@
[data-template="investigation-summary"] main { [data-template="investigation-summary"] main {
position: relative; position: relative;
max-width: var(--max-w-cards);
margin-inline: auto; #hero, .section__article{
max-width: var(--max-w-cards);
margin-inline: auto;
}
.panel-left{ .panel-left{
width: calc((100vw - var(--max-w-cards) - var(--padding-body)*2)*0.5); width: calc((100vw - var(--max-w-cards) - var(--padding-body)*4)*0.5);
} }
@media screen and (max-width: 1380px){ @media screen and (max-width: 1340px){
margin-left: auto; margin-left: auto;
margin-right: var(--padding-body); margin-right: calc(var(--padding-body)*3);
.panel-left{ .panel-left{
width: calc(100vw - var(--max-w-cards) - var(--padding-body)*2);
width: calc(100vw - var(--max-w-cards) - var(--padding-body)*6);
} }
} }

13
site/templates/impacts.php
View file

@ -1,4 +1,17 @@
<?php snippet('header') ?> <?php snippet('header') ?>
<main> <main>
<header class="page__header">
<h2 class="page__title"><?= $page->title() ?></h2>
<?php if ($page->chapo()->isNotEmpty()): ?>
<div class="description-medium">
<p><?= $page->chapo() ?></p>
</div>
<?php endif ?>
</header>
</main> </main>
<?php snippet('footer') ?> <?php snippet('footer') ?>