79 lines
1.5 KiB
CSS
Executable File
79 lines
1.5 KiB
CSS
Executable File
.swiper-content {
|
|
@apply px-24 relative max-w-screen-2xl mx-auto;
|
|
/* @apply bg-fuchsia-100; */
|
|
}
|
|
.swiper-container {
|
|
height: auto;
|
|
@apply px-3 overflow-hidden;
|
|
/* @apply bg-yellow-50; */
|
|
}
|
|
|
|
.swiper-wrapper {
|
|
@apply pt-24 pb-16 w-full;
|
|
}
|
|
|
|
.swiper-slide .card-thematique {
|
|
@apply h-full;
|
|
}
|
|
|
|
.thematique-button-next,
|
|
.thematique-button-prev {
|
|
@apply absolute top-1/2 z-50 opacity-80;
|
|
width: 60px;
|
|
height: 60px;
|
|
&:hover,
|
|
&:focus {
|
|
@apply opacity-100;
|
|
filter: invert(13%) sepia(71%) saturate(4425%)
|
|
hue-rotate(338deg) brightness(109%) contrast(117%);
|
|
}
|
|
&:focus {
|
|
@apply rounded-full;
|
|
}
|
|
}
|
|
.thematique-button-next {
|
|
@apply right-0 transform;
|
|
}
|
|
.thematique-button-prev {
|
|
@apply left-0;
|
|
}
|
|
|
|
.swiper-pagination-bullet {
|
|
@apply w-3 h-3 mx-2 opacity-100 bg-white !border-2 !border-solid border-black opacity-80;
|
|
}
|
|
.swiper-pagination-bullet:focus {
|
|
outline-offset: 4px;
|
|
}
|
|
.swiper-pagination-bullet-active {
|
|
@apply bg-secondary !border-secondary opacity-100;
|
|
}
|
|
|
|
/* .swiper-slide {
|
|
background-color: red !important;
|
|
text-align: center;
|
|
font-size: 18px;
|
|
background: #fff;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.swiper-slide img {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
} */
|
|
.section-show-thematiques {
|
|
@apply pt-8 pb-32 px-16;
|
|
.thematiques-container {
|
|
@apply grid
|
|
grid-cols-3
|
|
gap-8
|
|
gap-y-32
|
|
max-w-screen-xl
|
|
mx-auto
|
|
pt-16;
|
|
}
|
|
}
|