julienmonnerie/assets/css/pages/_home.scss
2025-06-06 16:53:35 +02:00

60 lines
1.4 KiB
SCSS

@use "../abstracts" as *;
// --------------------------------------------------
// HOME STYLE
// --------------------------------------------------
.home {
.home__title {
@include visually-hidden;
}
.home__gallery {
display: flex;
flex-direction: column;
align-items: center;
gap: 2rem;
.home__gallery-item {
display: table;
.home__carousel {
&:where(.splide) {
cursor: pointer;
.splide__track {
.splide__list {
position: relative;
.splide__slide {
transform: none !important;
&:not(.is-active) {
position: absolute;
inset: 0;
}
.splide__image {
max-height: 80vh;
}
}
}
}
}
}
.home__main-image {
max-height: 80vh;
}
.home__image-caption {
display: table-caption;
caption-side: bottom;
margin: 0.25rem 0 0;
}
}
}
}