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

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

Browse source
This commit is contained in:
Julie Blanc 2026-01-27 23:52:25 +01:00
parent 3836144423
commit 4fee638a93
10 changed files with 342 additions and 143 deletions
Download patch file Download diff file Expand all files Collapse all files

21
assets/css/components/_card-folder.scss
View file

@ -80,19 +80,18 @@
@media #{$x-small}{
display: flex;
flex-direction: column;
padding: calc(var(--padding-inner)*0.5);
// .short{ display: none; }
// @media #{$x-small}{
// display: flex;
// flex-direction: column;
// padding: calc(var(--padding-inner)*0.5);
.content{ display: contents;}
// .content{ display: contents;}
.title{ order: 1; }
figure{ order: 2; }
.short{ order: 3; }
ul{ order: 4; }
}
// .title{ order: 1; }
// figure{ order: 2; }
// .short{ order: 3; }
// ul{ order: 4; }
// }

46
assets/css/components/_swipper.scss
View file

@ -1,53 +1,71 @@
#home__investigations{
#home__investigations {
--slide-padding: 30px;
.swiper-button-prev,
.swiper-button-next{
.swiper-button-next {
--swiper-navigation-size: 32px;
color: var(--color-txt);
background-color: var(--color-bg);
height: 100%;
width: 60px;
width: var(--slide-padding);
// background-color: red;
svg{
svg {
width: 14px;
}
&.swiper-button-disabled {
opacity: 1;
svg{
svg {
opacity: 0.05;
}
}
}
.swiper-button-prev{
.swiper-button-prev {
left: 0px;
top: 0px;
justify-content: flex-start;
}
.swiper-button-next{
.swiper-button-next {
right: 0px;
top: 0px;
justify-content: flex-end;
}
.swiper-slide{
padding-left: 60px;
padding-right: 60px;
.swiper-slide {
padding-left: var(--slide-padding);
padding-right: var(--slide-padding);
}
.swiper-pagination{
.swiper-pagination {
position: relative;
margin-top: calc(var(--spacing)*1);
.swiper-pagination-bullet{
.swiper-pagination-bullet {
width: 15px;
height: 4px;
border-radius: 2px;
background: var(--color-txt-light);
}
.swiper-pagination-bullet-active{
.swiper-pagination-bullet-active {
background: var(--color-txt);
}
}
@media #{$x-small} {
.swiper-button-prev,
.swiper-button-next {
display: none;
}
.swiper-slide {
padding: 0px;
}
}
}