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

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

@ -1,14 +1,25 @@
#hero{ #hero{
width: calc(100vw - var(--padding-body)*4);
position: relative;
left: calc(var(--padding-body)*1);
@media #{$medium}{
width: calc(100vw - var(--padding-body)*2); width: calc(100vw - var(--padding-body)*2);
position: relative; position: relative;
left: 0; left: 0;
.page-title-small{
color: var(--color-txt-light);
font-size: var(--fs-small);
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;
left: calc(var(--padding-body)*-1); left: calc(var(--padding-body)*-1);

14
assets/css/style.css
View file

@ -547,17 +547,19 @@ button:disabled {
fill: var(--grey-100); fill: var(--grey-100);
} }
#hero {
width: calc(100vw - var(--padding-body) * 4);
position: relative;
left: calc(var(--padding-body) * 1);
}
@media screen and (max-width: 1080px) {
#hero { #hero {
width: calc(100vw - var(--padding-body) * 2); width: calc(100vw - var(--padding-body) * 2);
position: relative; position: relative;
left: 0; left: 0;
} }
#hero .page-title-small {
color: var(--color-txt-light);
font-size: var(--fs-small);
top: calc(var(--spacing) * 0.25);
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

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

@ -1,5 +1,6 @@
[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>