drupal-erable/web/themes/erabletheme/scss/partials/_carousel.scss

45 lines
1.1 KiB
SCSS

.slick-container {
@include beige_gradient();
width: 100vw;
border-bottom: solid 2px $teal;
div.views-row article {
width: 100%;
> div:first-of-type { // container du lien image
width: 100%;
height: 40vh;
overflow-y: hidden;
padding: 0 !important;
> div {
width: 100%;
> a {
max-width: 100%;
img {
width: 100%;
height: auto;
}
}
}
}
}
#carousel_dots {
position: relative;
margin-top: -15px;
ul {
position: relative;
bottom: 0;
li.slick-active button::before{
color: $fluo_green;
}
li button::before{
color: rgba(0.9, 0.9, 0.9, 1);
}
}
}
footer {
@include fluo_button();
text-align: center;
margin-top: 4rem;
margin-bottom: 4rem;
}
}