index-main/assets/css/components/_swipper.scss
Julie Blanc 951de348b8
All checks were successful
Deploy / Deploy to Production (push) Successful in 5m16s
carrousel arrows outside
2026-01-27 21:28:14 +01:00

53 lines
No EOL
1,019 B
SCSS

#home__investigations{
.swiper-button-prev,
.swiper-button-next{
--swiper-navigation-size: 32px;
color: var(--color-txt);
background-color: var(--color-bg);
height: 100%;
width: 60px;
svg{
width: 14px;
}
&.swiper-button-disabled {
opacity: 1;
svg{
opacity: 0.05;
}
}
}
.swiper-button-prev{
left: 0px;
top: 0px;
}
.swiper-button-next{
right: 0px;
top: 0px;
}
.swiper-slide{
padding-left: 60px;
padding-right: 60px;
}
.swiper-pagination{
position: relative;
margin-top: calc(var(--spacing)*1);
.swiper-pagination-bullet{
width: 15px;
height: 4px;
border-radius: 2px;
background: var(--color-txt-light);
}
.swiper-pagination-bullet-active{
background: var(--color-txt);
}
}
}