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

details
All checks were successful
Deploy / Deploy to Production (push) Successful in 12s
Details

Browse source
This commit is contained in:
Julie Blanc 2026-02-25 16:40:53 +01:00
parent 494dd15166
commit d0b21ac4bb
6 changed files with 59 additions and 88 deletions
Download patch file Download diff file Expand all files Collapse all files

42
assets/css/components/_card-article.scss
View file

@ -119,6 +119,10 @@
} }
@media #{$small-up} {
[data-template="home"] .pinned-home{ [data-template="home"] .pinned-home{
grid-column: span 2; grid-column: span 2;
@ -174,41 +178,5 @@
} }
// .card--article:first-of-type{
// grid-column: span 2;
// display: grid; }
// grid-template-columns: 1fr 1fr;
// figure,
// picture{
// grid-column: span 2;
// }
// .title{
// grid-column: span 2;
// font-size: var(--fs-medium);
// padding-right: 3ch;
// margin-bottom: calc(var(--spacing)*1);
// }
// .description{
// grid-column: 1;
// grid-row: 3;
// padding-right: 3ch;
// display: block;
// -webkit-line-clamp: unset;
// -webkit-box-orient: unset;
// overflow: visible;
// }
// dl{
// grid-column: 2;
// grid-row: 3;
// }
// .keywords-wrapper{
// grid-column: 2;
// grid-row: 4;
// }
// }

12
assets/css/components/_dropdown.scss
View file

@ -19,7 +19,7 @@
visibility: hidden; visibility: hidden;
transform: translateY(-4px); transform: translateY(-4px);
transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s; transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
z-index: calc(var(--z-header) - 100); z-index: calc(var(--z-header) - 100);
&::before{ &::before{
content: "◀"; content: "◀";
@ -73,7 +73,7 @@
} }
} }
// PANEL  // PANEL
&--position-mobile .dropdown__content { &--position-mobile .dropdown__content {
top: auto; top: auto;
bottom: calc(var(--h-block) + var(--padding-inner)*2); bottom: calc(var(--h-block) + var(--padding-inner)*2);
@ -95,7 +95,7 @@
} }
} }
&--position-mobile.is-open { &--position-mobile.is-open {
.dropdown__content { .dropdown__content {
@ -126,7 +126,7 @@
} }
} }
&--position-panel.is-open { &--position-panel.is-open {
.dropdown__content { .dropdown__content {
@ -146,7 +146,7 @@
} }
} }
} }
} }
@ -162,7 +162,7 @@
&::before{ &::before{
left: auto; left: auto;
right: 16px; right: 16px;
} }
} }
} }

87
assets/css/style.css
View file

@ -1622,50 +1622,51 @@ button.sort[data-sort-type=up] .arrow {
font-size: var(--fs-xsmall); font-size: var(--fs-xsmall);
} }
[data-template=home] .pinned-home { @media screen and (min-width: 768px) {
grid-column: span 2; [data-template=home] .pinned-home {
display: grid; grid-column: span 2;
grid-template-columns: 1fr 1fr; display: grid;
padding: calc(var(--padding-inner) * 2); grid-template-columns: 1fr 1fr;
padding: calc(var(--padding-inner) * 2);
}
[data-template=home] .pinned-home figure,
[data-template=home] .pinned-home picture,
[data-template=home] .pinned-home .video-extract {
grid-column: span 2;
display: flex;
width: calc(100% + var(--padding-inner) * 4);
position: relative;
left: calc(var(--padding-inner) * -2);
top: calc(var(--padding-inner) * -2);
}
[data-template=home] .pinned-home .title {
grid-column: span 2;
font-size: var(--fs-text);
padding-right: 3ch;
margin-bottom: calc(var(--spacing) * 1);
margin-top: calc(var(--spacing) * 0.5);
}
[data-template=home] .pinned-home .description {
grid-column: 1;
grid-row: 3;
padding-right: 3ch;
display: block;
-webkit-line-clamp: unset;
-webkit-box-orient: unset;
overflow: visible;
font-size: var(--fs-normal);
margin-top: 0px;
}
[data-template=home] .pinned-home dl {
margin-top: 0px;
grid-column: 2;
grid-row: 3;
}
[data-template=home] .pinned-home .keywords-wrapper {
grid-column: span 2;
grid-row: 4;
}
} }
[data-template=home] .pinned-home figure,
[data-template=home] .pinned-home picture,
[data-template=home] .pinned-home .video-extract {
grid-column: span 2;
display: flex;
width: calc(100% + var(--padding-inner) * 4);
position: relative;
left: calc(var(--padding-inner) * -2);
top: calc(var(--padding-inner) * -2);
}
[data-template=home] .pinned-home .title {
grid-column: span 2;
font-size: var(--fs-text);
padding-right: 3ch;
margin-bottom: calc(var(--spacing) * 1);
margin-top: calc(var(--spacing) * 0.5);
}
[data-template=home] .pinned-home .description {
grid-column: 1;
grid-row: 3;
padding-right: 3ch;
display: block;
-webkit-line-clamp: unset;
-webkit-box-orient: unset;
overflow: visible;
font-size: var(--fs-normal);
margin-top: 0px;
}
[data-template=home] .pinned-home dl {
margin-top: 0px;
grid-column: 2;
grid-row: 3;
}
[data-template=home] .pinned-home .keywords-wrapper {
grid-column: span 2;
grid-row: 4;
}
.card--package, .card--package,
.card--article-small { .card--article-small {
display: grid; display: grid;

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

File diff suppressed because one or more lines are too long

2
assets/css/template/_home.scss
View file

@ -126,6 +126,8 @@
} }

2
assets/js/dropdown.js
View file

@ -17,7 +17,7 @@ export function initDropdowns(responsiveSmall) {
if (!trigger) return; if (!trigger) return;
// Empêche la fermeture au clic dans le contenu des dropdowns contenant .modal--share // Empêche la fermeture au clic dans le contenu des dropdowns contenant .modal--share
if (dropdown.querySelector('.modal--share') && content) { if (dropdown.querySelector('.modal--share') && content) {
content.addEventListener('click', (e) => { content.addEventListener('click', (e) => {