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 {
max-width: var(--max-w-content);
text-transform: uppercase;
@ -17,8 +21,7 @@ main .page__header {
font-size: var(--fs-medium);
font-weight: 500;
line-height: var(--leading-title);
margin-top: calc(var(--spacing) * 1);
margin-bottom: calc(var(--spacing) * 1.5);
margin-bottom: calc(var(--spacing) * 2);
@media #{$small-up} {
text-wrap: balance;
@ -32,8 +35,8 @@ main .page__header {
.date{
display: block;
margin-top: calc(var(--spacing) * -1);
margin-bottom: calc(var(--spacing) * 1.5);
margin-top: calc(var(--spacing) * -1.5);
margin-bottom: calc(var(--spacing) * 2);
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);
}
}
main .page__header .page__type {
margin-bottom: calc(var(--spacing) * 1);
}
main .page__header .page__title {
max-width: var(--max-w-content);
text-transform: uppercase;
@ -2885,8 +2888,7 @@ main .page__header .page__title {
font-size: var(--fs-medium);
font-weight: 500;
line-height: var(--leading-title);
margin-top: calc(var(--spacing) * 1);
margin-bottom: calc(var(--spacing) * 1.5);
margin-bottom: calc(var(--spacing) * 2);
}
@media screen and (min-width: 768px) {
main .page__header .page__title {
@ -2900,8 +2902,8 @@ main .page__header .page__title {
}
main .page__header .date {
display: block;
margin-top: calc(var(--spacing) * -1);
margin-bottom: calc(var(--spacing) * 1.5);
margin-top: calc(var(--spacing) * -1.5);
margin-bottom: calc(var(--spacing) * 2);
color: var(--color-txt-light);
}
main .page__header .page__description {
@ -3072,7 +3074,7 @@ main .page__header .page__description {
}
@media screen and (min-width: 768px) {
[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);
}
}
@ -3086,6 +3088,7 @@ main .page__header .page__description {
margin-top: calc(var(--spacing) * 1.5);
border-bottom: var(--border-light);
max-width: var(--max-w-content);
max-width: var(--max-w-cards);
margin-inline: auto;
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{
@media #{$small-up} {
padding-top: calc(var(--spacing)*4);
padding-top: calc(var(--spacing)*2.5);
margin-bottom: calc(var(--spacing)*3);
}
@media #{$small} {
@ -37,6 +37,7 @@
margin-top: calc(var(--spacing) * 1.5);
border-bottom: var(--border-light);
max-width: var(--max-w-content);
max-width: var(--max-w-cards);
margin-inline: auto;
font-size: var(--fs-normal);

5
site/templates/investigation.php
View file

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