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

investigation → style siders + titles
All checks were successful
Deploy / Deploy to Production (push) Successful in 12s
Details

Browse source
This commit is contained in:
Julie Blanc 2026-02-19 14:35:53 +01:00
parent c4724c8f8d
commit d51835a2c0
10 changed files with 136 additions and 236 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,49 +1,11 @@
.swiper {
--slide-padding: 30px;
.swiper-button-prev,
.swiper-button-next {
--swiper-navigation-size: 32px;
.swiper-button-next{
color: var(--color-txt);
background-color: var(--color-bg);
height: 100%;
width: var(--slide-padding);
top: 0px!important;
height: calc(100% - var(--spacing)*1);
// background-color: red;
svg {
width: 14px;
svg {
width: 20px;
}
&.swiper-button-disabled {
opacity: 1;
svg {
opacity: 0.05;
}
}
}
.swiper-button-prev {
left: 0px!important;
top: 0px;
justify-content: flex-start;
}
.swiper-button-next {
right: 0px!important;
top: 0px;
justify-content: flex-end;
}
.swiper-slide {
padding-left: var(--slide-padding);
padding-right: var(--slide-padding);
}
.swiper-pagination {
@ -63,15 +25,28 @@
}
}
@media #{$x-small} {
.swiper-button-prev,
.swiper-button-next {
display: none;
}
.swiper-slide {
padding: 0px;
}
.swiper-wrapper {
height: max-content;
align-items: center;
}
.swiper-slide {
height: auto;
display: flex;
align-items: center;
justify-content: center;
}
// @media #{$x-small} {
// .swiper-button-prev,
// .swiper-button-next {
// display: none;
// }
// .swiper-slide {
// padding: 0px;
// }
// }
}