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

investigation responsive
All checks were successful
Deploy / Deploy to Production (push) Successful in 14s
Details

Browse source
This commit is contained in:
Julie Blanc 2026-02-23 17:34:16 +01:00
parent f24b296ff7
commit bdb60646d0
14 changed files with 562 additions and 133 deletions
Download patch file Download diff file Expand all files Collapse all files

38
assets/css/components/_bottom-bar.scss
View file

@ -64,14 +64,10 @@
color: var(--color-txt-light);
flex-grow: 1;
width: 100%;
white-space: nowrap;
// overflow: hidden;
// text-overflow: ellipsis;
// align-items: center;
padding-top: 5px;
min-width: 0;
.type{
text-transform: uppercase;
&::after{
@ -84,23 +80,39 @@
}
.title{
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
@media #{$small} {
display: flex;
align-items: center;
justify-content: center;
// display: flex;
// align-items: center;
// justify-content: center;
.bottom-bar__inner{
height: calc(var(--header-h)*0.5);
height: calc(var(--header-h)*0.75);
justify-content: center;
align-items: center;
}
.title-group, .btn--download, .btn--back-to-top{ display: none; }
.btn--download, .btn--back-to-top{ display: none; }
}
@media #{$x-small} {
display: flex;
align-items: center;
justify-content: center;
.title-group{
display: none;
}
}
}

2
assets/css/components/_buttons.scss
View file

@ -23,7 +23,7 @@ button:disabled{
}
.soutenir{
.support{
a{
color: var(--color-accent);
&:hover{

16
assets/css/components/_investigation-hero.scss
View file

@ -1,12 +1,10 @@
#investigation__hero{
width: 100%;
position: relative;
left: 0;
padding-top: calc(var(--spacing)*4);
margin-bottom: calc(var(--spacing)*3);
max-width: var(--max-w-cards);
margin-inline: auto;
figcaption{
color: var(--color-txt-light);
@ -15,7 +13,7 @@
padding: calc(var(--spacing)*0.5) var(--padding-body);
padding-bottom: 0;
text-align: center;
width: var(--max-w-content);
max-width: var(--max-w-content);
margin-inline: auto;
}
@ -96,4 +94,8 @@
}
}
}

3
assets/css/components/_swiper.scss
View file

@ -1,5 +1,8 @@
.swiper {
width: 100%!important;
min-width: 0;
.swiper-button-prev,
.swiper-button-next{
color: var(--color-txt);