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

merge
Some checks failed
Deploy / Deploy to Production (push) Has been cancelled
Details

Browse source
This commit is contained in:
isUnknown 2026-01-13 14:12:50 +01:00
parent 4540c6e74b
commit 57b03d5a3d
3 changed files with 255 additions and 302 deletions
Download patch file Download diff file Expand all files Collapse all files

7
assets/css/style.css
View file

@ -1749,7 +1749,8 @@ body main {
[data-template=investigation-summary] main .section__article { [data-template=investigation-summary] main .section__article {
margin: calc(var(--spacing) * 1.5) 0; margin: calc(var(--spacing) * 1.5) 0;
} }
[data-template=investigation-summary] main #section__impacts, [data-template=investigation-summary] main #section__en-lien { [data-template=investigation-summary] main #section__impacts,
[data-template=investigation-summary] main #section__en-lien {
margin-top: 0px; margin-top: 0px;
} }
[data-template=investigation-summary] main #hero { [data-template=investigation-summary] main #hero {
@ -1878,8 +1879,8 @@ body main {
margin: 0 auto; margin: 0 auto;
} }
[data-template=investigation-summary] main header { [data-template=investigation-summary] main header {
margin-left: auto !important; margin-left: auto;
margin-right: auto !important; margin-right: auto;
} }
[data-template=investigation-summary] main .section__article { [data-template=investigation-summary] main .section__article {
max-width: var(--max-w-content); max-width: var(--max-w-content);

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

File diff suppressed because one or more lines are too long

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

@ -1,12 +1,7 @@
[data-template="investigation-summary"] main { [data-template="investigation-summary"] main {
position: relative; position: relative;
header { header {
.page-title { .page-title {
text-transform: uppercase; text-transform: uppercase;
font-weight: normal; font-weight: normal;
@ -23,12 +18,10 @@
.section__title { .section__title {
font-weight: normal; font-weight: normal;
text-transform: uppercase; text-transform: uppercase;
margin-bottom: calc(var(--spacing)*0.5) margin-bottom: calc(var(--spacing) * 0.5);
} }
} }
#nav--page { #nav--page {
ul { ul {
list-style: none; list-style: none;
@ -68,11 +61,9 @@
li { li {
padding-bottom: 0.2em; padding-bottom: 0.2em;
} }
} }
} }
#section__synthese { #section__synthese {
p + p { p + p {
margin-top: 0.5em; margin-top: 0.5em;
@ -85,28 +76,15 @@
font-weight: normal; font-weight: normal;
text-decoration: 1px underline var(--color-txt-light); text-decoration: 1px underline var(--color-txt-light);
text-underline-offset: 3px; text-underline-offset: 3px;
} }
} }
} }
// SMALL ---------------------------------------------------------- // SMALL ----------------------------------------------------------
// ---------------------------------------------------------------- // ----------------------------------------------------------------
@media #{$small} { @media #{$small} {
[data-template="investigation-summary"] main { [data-template="investigation-summary"] main {
header { header {
padding-top: calc(var(--spacing) * 1); padding-top: calc(var(--spacing) * 1);
.page-type { .page-type {
@ -118,7 +96,8 @@
margin: calc(var(--spacing) * 1.5) 0; margin: calc(var(--spacing) * 1.5) 0;
} }
#section__impacts, #section__en-lien{ #section__impacts,
#section__en-lien {
margin-top: 0px; margin-top: 0px;
} }
@ -135,7 +114,6 @@
bottom: calc(var(--spacing) * 2); bottom: calc(var(--spacing) * 2);
} }
#banner--page { #banner--page {
padding: calc(var(--spacing) * 0.5) 0; padding: calc(var(--spacing) * 0.5) 0;
@ -146,14 +124,18 @@
padding: calc(var(--spacing) * 0.75) var(--padding-body); padding: calc(var(--spacing) * 0.75) var(--padding-body);
padding-top: var(--spacing); padding-top: var(--spacing);
background-color: var(--color-bg); background-color: var(--color-bg);
background: linear-gradient(0deg,var(--color-bg) 0%, var(--color-bg) 64%, transparent 100%); background: linear-gradient(
0deg,
var(--color-bg) 0%,
var(--color-bg) 64%,
transparent 100%
);
z-index: 800; z-index: 800;
#nav--page { #nav--page {
display: none; display: none;
} }
.btn--group { .btn--group {
display: flex; display: flex;
gap: calc(var(--spacing) * 0.25); gap: calc(var(--spacing) * 0.25);
position: relative; position: relative;
@ -163,37 +145,27 @@
width: 50%; width: 50%;
cursor: pointer; cursor: pointer;
} }
} }
} }
// action // action
#banner--page { #banner--page {
opacity: 0; opacity: 0;
pointer-events: none; pointer-events: none;
transition: opacity .2s ease-in; transition: opacity 0.2s ease-in;
} }
#banner--page.is-visible { #banner--page.is-visible {
opacity: 1; opacity: 1;
pointer-events: auto; pointer-events: auto;
} }
} }
} }
@media #{$x-small} { @media #{$x-small} {
[data-template="investigation-summary"] main { [data-template="investigation-summary"] main {
#section__dl .dl__group { #section__dl .dl__group {
column-gap: 1ch; column-gap: 1ch;
font-size: var(--fs-small); font-size: var(--fs-small);
padding: calc(var(--spacing) * 0.25) 0; padding: calc(var(--spacing) * 0.25) 0;
@ -201,18 +173,11 @@
} }
} }
// DESKTOP ---------------------------------------------------------- // DESKTOP ----------------------------------------------------------
// ---------------------------------------------------------------- // ----------------------------------------------------------------
@media #{$small-up} { @media #{$small-up} {
[data-template="investigation-summary"] main { [data-template="investigation-summary"] main {
#banner--page { #banner--page {
height: calc(100vh - var(--header-h)); height: calc(100vh - var(--header-h));
height: calc(100dvh - var(--header-h)); height: calc(100dvh - var(--header-h));
@ -241,7 +206,6 @@
max-width: 160px; max-width: 160px;
cursor: pointer; cursor: pointer;
} }
} }
#hero { #hero {
@ -259,8 +223,6 @@
margin-top: var(--padding-body); margin-top: var(--padding-body);
} }
header { header {
max-width: var(--max-w-content); max-width: var(--max-w-content);
margin-left: var(--banner-medium); margin-left: var(--banner-medium);
@ -281,16 +243,14 @@
} }
.modal--share { .modal--share {
position: absolute; position: absolute;
bottom: calc(var(--padding-body)*2 + var(--h-block) + var(--spacing) * 0.25); bottom: calc(
var(--padding-body) * 2 + var(--h-block) + var(--spacing) * 0.25
);
width: calc(100% - var(--padding-body)); width: calc(100% - var(--padding-body));
} }
} }
@media #{$medium-up} { @media #{$medium-up} {
[data-template="investigation-summary"] main { [data-template="investigation-summary"] main {
#banner--page { #banner--page {
width: calc((100% - var(--max-w-content)) / 2); width: calc((100% - var(--max-w-content)) / 2);
@ -305,22 +265,14 @@
} }
} }
header { header {
margin-left: auto!important; margin-left: auto;
margin-right: auto!important; margin-right: auto;
} }
.section__article { .section__article {
max-width: var(--max-w-content); max-width: var(--max-w-content);
margin: calc(var(--spacing) * 3) auto; margin: calc(var(--spacing) * 3) auto;
} }
} }
} }