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{
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;
// }
// }
}

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

@ -19,7 +19,7 @@
visibility: hidden;
transform: translateY(-4px);
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{
content: "◀";
@ -73,7 +73,7 @@
}
}
// PANEL 
// PANEL
&--position-mobile .dropdown__content {
top: auto;
bottom: calc(var(--h-block) + var(--padding-inner)*2);

87
assets/css/style.css
View file

@ -1622,50 +1622,51 @@ button.sort[data-sort-type=up] .arrow {
font-size: var(--fs-xsmall);
}
[data-template=home] .pinned-home {
grid-column: span 2;
display: grid;
grid-template-columns: 1fr 1fr;
padding: calc(var(--padding-inner) * 2);
@media screen and (min-width: 768px) {
[data-template=home] .pinned-home {
grid-column: span 2;
display: grid;
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--article-small {
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 @@
}