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

investigation, video first
All checks were successful
Deploy / Deploy to Production (push) Successful in 12s
Details

Browse source
This commit is contained in:
Julie Blanc 2026-01-13 10:29:55 +01:00
parent eaf77e8975
commit a7f45c1ed6
5 changed files with 41 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

25
assets/css/components/_hero.scss
View file

@ -1,13 +1,24 @@
#hero{ #hero{
width: calc(100vw - var(--padding-body)*4); width: calc(100vw - var(--padding-body)*2);
position: relative; position: relative;
left: calc(var(--padding-body)*1); left: 0;
@media #{$medium}{ .page-title-small{
width: calc(100vw - var(--padding-body)*2); color: var(--color-txt-light);
position: relative; font-size: var(--fs-small);
left: 0; top: calc(var(--spacing)*0.25);
} right: calc(var(--spacing)*0.25);
text-align: right;
position: absolute;
z-index: 200;
}
// @media #{$medium}{
// width: calc(100vw - var(--padding-body)*2);
// position: relative;
// left: 0;
// }
@media #{$small}{ @media #{$small}{
width: 100vw; width: 100vw;

18
assets/css/style.css
View file

@ -548,16 +548,18 @@ button:disabled {
} }
#hero { #hero {
width: calc(100vw - var(--padding-body) * 4); width: calc(100vw - var(--padding-body) * 2);
position: relative; position: relative;
left: calc(var(--padding-body) * 1); left: 0;
} }
@media screen and (max-width: 1080px) { #hero .page-title-small {
#hero { color: var(--color-txt-light);
width: calc(100vw - var(--padding-body) * 2); font-size: var(--fs-small);
position: relative; top: calc(var(--spacing) * 0.25);
left: 0; right: calc(var(--spacing) * 0.25);
} text-align: right;
position: absolute;
z-index: 200;
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
#hero { #hero {

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

File diff suppressed because one or more lines are too long

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

@ -1,6 +1,7 @@
[data-template="investigation-summary"] main{ [data-template="investigation-summary"] main{
position: relative;
position: relative;

15
site/templates/investigation-summary.php
View file

@ -1,11 +1,6 @@
<?php snippet('header') ?> <?php snippet('header') ?>
<header>
<p class="tag-inline">Enquête</p>
<h2 class="page-title">L’exécution de Nidal et Khaled ‘Amirah à Naplouse</h2>
<p class="date-publish"></p>
</header>
@ -54,6 +49,9 @@
<!-- HERO VIDEO ------------------------------ --> <!-- HERO VIDEO ------------------------------ -->
<div id="hero" class="hero-video"> <div id="hero" class="hero-video">
<p class="page-title-small">L’exécution de Nidal et Khaled ‘Amirah à Naplouse</p>
<div class="player-container"> <div class="player-container">
<div class="extract"> <div class="extract">
@ -75,6 +73,13 @@
<header>
<p class="tag-inline">Enquête</p>
<h2 class="page-title">L’exécution de Nidal et Khaled ‘Amirah à Naplouse</h2>
<p class="date-publish"></p>
</header>
<div id="banner--page"> <div id="banner--page">
<nav id="nav--page"> <nav id="nav--page">
<ul> <ul>