studio-variable/index-main
3
0
Fork 0
Code Issues 1 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{
width: calc(100vw - var(--padding-body)*4);
width: calc(100vw - var(--padding-body)*2);
position: relative;
left: calc(var(--padding-body)*1);
left: 0;
@media #{$medium}{
width: calc(100vw - var(--padding-body)*2);
position: relative;
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}{
width: 100vw;

18
assets/css/style.css
View file

@ -548,16 +548,18 @@ button:disabled {
}
#hero {
width: calc(100vw - var(--padding-body) * 4);
width: calc(100vw - var(--padding-body) * 2);
position: relative;
left: calc(var(--padding-body) * 1);
left: 0;
}
@media screen and (max-width: 1080px) {
#hero {
width: calc(100vw - var(--padding-body) * 2);
position: relative;
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) {
#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{
position: relative;
position: relative;

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

@ -1,11 +1,6 @@
<?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 ------------------------------ -->
<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="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">
<nav id="nav--page">
<ul>