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

carrousel arrows outside
All checks were successful
Deploy / Deploy to Production (push) Successful in 5m16s
Details

Browse source
This commit is contained in:
Julie Blanc 2026-01-27 21:28:14 +01:00
parent 1ea9f36aa1
commit 951de348b8
8 changed files with 77 additions and 68 deletions
Download patch file Download diff file Expand all files Collapse all files

43
assets/css/style.css
View file

@ -178,7 +178,6 @@ body.is-hidden .btn--back-to-top {
}
#site-header #site-title {
flex-grow: 2;
opacity: 0;
}
#site-header #site-title svg {
width: 100px;
@ -1177,7 +1176,7 @@ button.sort[data-sort-type=up] .arrow {
text-decoration: none;
}
.card--article .description {
margin-top: calc(var(--spacing) * 1);
margin-top: calc(var(--spacing) * 0.5);
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
@ -1633,6 +1632,34 @@ button.sort[data-sort-type=up] .arrow {
aspect-ratio: inherit;
}
}
#home__investigations .swiper-button-prev,
#home__investigations .swiper-button-next {
--swiper-navigation-size: 32px;
color: var(--color-txt);
background-color: var(--color-bg);
height: 100%;
width: 60px;
}
#home__investigations .swiper-button-prev svg,
#home__investigations .swiper-button-next svg {
width: 14px;
}
#home__investigations .swiper-button-prev.swiper-button-disabled,
#home__investigations .swiper-button-next.swiper-button-disabled {
opacity: 1;
}
#home__investigations .swiper-button-prev.swiper-button-disabled svg,
#home__investigations .swiper-button-next.swiper-button-disabled svg {
opacity: 0.05;
}
#home__investigations .swiper-button-prev {
left: 0px;
top: 0px;
}
#home__investigations .swiper-button-next {
right: 0px;
top: 0px;
}
#home__investigations .swiper-slide {
padding-left: 60px;
padding-right: 60px;
@ -1681,7 +1708,6 @@ button.sort[data-sort-type=up] .arrow {
}
#site-header #site-title {
flex-grow: 2;
opacity: 0;
}
#site-header #site-title svg {
width: 100px;
@ -1982,7 +2008,6 @@ main .page__header .description-medium {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.section--home .col-right {
@ -1996,12 +2021,20 @@ main .page__header .description-medium {
font-size: var(--fs-big);
margin-bottom: calc(var(--spacing) * 1);
}
.section--home .description {
.section--home .description-section {
font-size: var(--fs-medium);
line-height: 1.1;
margin-bottom: calc(var(--spacing) * 1.5);
}
#home__investigations .home-investigations-slider {
max-width: 500px;
height: auto;
}
#home__investigations .card--article {
align-items: flex-start;
justify-content: flex-start;
}
#home__investigations .card--article .description, #home__investigations .card--article .dl {
font-size: var(--fs-small);
}