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

page header modifications
All checks were successful
Deploy / Deploy to Production (push) Successful in 13s
Details

Browse source
This commit is contained in:
Julie Blanc 2026-02-24 18:00:22 +01:00
parent afe5885708
commit e69e765586
5 changed files with 20 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -10,6 +10,10 @@ main .page__header {
} }
.page__type{
margin-bottom: calc(var(--spacing) * 1);
}
.page__title { .page__title {
max-width: var(--max-w-content); max-width: var(--max-w-content);
text-transform: uppercase; text-transform: uppercase;
@ -17,8 +21,7 @@ main .page__header {
font-size: var(--fs-medium); font-size: var(--fs-medium);
font-weight: 500; font-weight: 500;
line-height: var(--leading-title); line-height: var(--leading-title);
margin-top: calc(var(--spacing) * 1); margin-bottom: calc(var(--spacing) * 2);
margin-bottom: calc(var(--spacing) * 1.5);
@media #{$small-up} { @media #{$small-up} {
text-wrap: balance; text-wrap: balance;
@ -32,8 +35,8 @@ main .page__header {
.date{ .date{
display: block; display: block;
margin-top: calc(var(--spacing) * -1); margin-top: calc(var(--spacing) * -1.5);
margin-bottom: calc(var(--spacing) * 1.5); margin-bottom: calc(var(--spacing) * 2);
color: var(--color-txt-light); color: var(--color-txt-light);
} }

13
assets/css/style.css
View file

@ -2878,6 +2878,9 @@ main .page__header {
margin-top: calc(var(--spacing) * 1); margin-top: calc(var(--spacing) * 1);
} }
} }
main .page__header .page__type {
margin-bottom: calc(var(--spacing) * 1);
}
main .page__header .page__title { main .page__header .page__title {
max-width: var(--max-w-content); max-width: var(--max-w-content);
text-transform: uppercase; text-transform: uppercase;
@ -2885,8 +2888,7 @@ main .page__header .page__title {
font-size: var(--fs-medium); font-size: var(--fs-medium);
font-weight: 500; font-weight: 500;
line-height: var(--leading-title); line-height: var(--leading-title);
margin-top: calc(var(--spacing) * 1); margin-bottom: calc(var(--spacing) * 2);
margin-bottom: calc(var(--spacing) * 1.5);
} }
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
main .page__header .page__title { main .page__header .page__title {
@ -2900,8 +2902,8 @@ main .page__header .page__title {
} }
main .page__header .date { main .page__header .date {
display: block; display: block;
margin-top: calc(var(--spacing) * -1); margin-top: calc(var(--spacing) * -1.5);
margin-bottom: calc(var(--spacing) * 1.5); margin-bottom: calc(var(--spacing) * 2);
color: var(--color-txt-light); color: var(--color-txt-light);
} }
main .page__header .page__description { main .page__header .page__description {
@ -3072,7 +3074,7 @@ main .page__header .page__description {
} }
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
[data-template=investigation] main #investigation__hero { [data-template=investigation] main #investigation__hero {
padding-top: calc(var(--spacing) * 4); padding-top: calc(var(--spacing) * 2.5);
margin-bottom: calc(var(--spacing) * 3); margin-bottom: calc(var(--spacing) * 3);
} }
} }
@ -3086,6 +3088,7 @@ main .page__header .page__description {
margin-top: calc(var(--spacing) * 1.5); margin-top: calc(var(--spacing) * 1.5);
border-bottom: var(--border-light); border-bottom: var(--border-light);
max-width: var(--max-w-content); max-width: var(--max-w-content);
max-width: var(--max-w-cards);
margin-inline: auto; margin-inline: auto;
font-size: var(--fs-normal); font-size: var(--fs-normal);
} }

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

File diff suppressed because one or more lines are too long

3
assets/css/template/_investigation.scss
View file

@ -20,7 +20,7 @@
#investigation__hero{ #investigation__hero{
@media #{$small-up} { @media #{$small-up} {
padding-top: calc(var(--spacing)*4); padding-top: calc(var(--spacing)*2.5);
margin-bottom: calc(var(--spacing)*3); margin-bottom: calc(var(--spacing)*3);
} }
@media #{$small} { @media #{$small} {
@ -37,6 +37,7 @@
margin-top: calc(var(--spacing) * 1.5); margin-top: calc(var(--spacing) * 1.5);
border-bottom: var(--border-light); border-bottom: var(--border-light);
max-width: var(--max-w-content); max-width: var(--max-w-content);
max-width: var(--max-w-cards);
margin-inline: auto; margin-inline: auto;
font-size: var(--fs-normal); font-size: var(--fs-normal);

5
site/templates/investigation.php
View file

@ -13,7 +13,6 @@
</header> </header>
<div class="page__content">
<?php <?php
$videoPreview = $page->videoPreview()->toFile(); $videoPreview = $page->videoPreview()->toFile();
$hasVideo = $videoPreview || $page->videoUrl()->isNotEmpty(); $hasVideo = $videoPreview || $page->videoUrl()->isNotEmpty();
@ -159,7 +158,7 @@ $hasVideo = $videoPreview || $page->videoUrl()->isNotEmpty();
<?php endif ?> <?php endif ?>
</dl> </dl>
<div id="investigation__content"> <div class="page__content" id="investigation__content">
<?php foreach ($page->body()->toLayouts() as $layout): ?> <?php foreach ($page->body()->toLayouts() as $layout): ?>
<?php <?php
$columns = $layout->columns(); $columns = $layout->columns();
@ -279,7 +278,7 @@ $hasVideo = $videoPreview || $page->videoUrl()->isNotEmpty();
<?php endforeach ?> <?php endforeach ?>
</div> </div>
</div>
<aside class="investigation__aside" id="impacts"> <aside class="investigation__aside" id="impacts">
<h3 class="aside__title">Impacts</h3> <h3 class="aside__title">Impacts</h3>