News | Period Dignity | Period Poverty | 22.10.25
News | Uncategorized | 05.06.25
News | 06.05.25
News | 10.04.25
News | 07.04.25
News | Uncategorized | 17.03.25
News | Uncategorized | 12.03.25
Uncategorized | 12.03.25
News | 11.03.25
@import "../../resources/scss/util/variables";
@import "../../resources/scss/util/mixins";
@import "../../resources/scss/vendor/bootstrap/mixins/breakpoints";
@import "../../resources/scss/elements/posts-grid";
.latest-news-wrap {
margin-top: 6rem;
margin-bottom: 6rem;
.post-cta {
display: none;
@media (max-width: 640px) {
width: 280px;
margin: 0.5rem;
}
&:nth-child(1),
&:nth-child(2),
&:nth-child(3) {
display: block;
}
}
.slick-initialized {
.post-cta {
display: block;
}
}
.posts-grid-carousel-control {
position: absolute;
top: 50%;
@include media-breakpoint-down(md) {
img {
width: 24px;
height: 24px;
}
}
}
.posts-grid-carousel-prev {
transform: rotate(-90deg) translateX(50%);
left: -4rem;
@media (max-width: 1500px) {
left: calc(50% - 3rem);
top: auto;
bottom: -5rem;
}
@include media-breakpoint-down(sm) {
bottom: -4rem;
}
}
.posts-grid-carousel-next {
transform: rotate(90deg) translateX(-50%);
right: -4rem;
@media (max-width: 1500px) {
right: calc(50% - 3rem);
top: auto;
bottom: -5rem;
}
@include media-breakpoint-down(sm) {
bottom: -4rem;
}
}
.posts-grid-carousel {
position: relative;
}
}
.js-posts-grid-carousel {
@media (max-width: 640px) {
margin-left: -15px;
margin-right: -15px;
}
}
jQuery(function($){
$('.js-posts-grid-carousel').slick({
speed: 1000,
autoplay: false,
centerMode: true,
infinite: true,
arrows: false,
buttons: false,
pauseOnHover: false,
variableWidth: false,
rows: 0,
slidesToShow: 3,
centerPadding: '0px',
responsive: [
{
breakpoint: 1023,
settings: {
slidesToShow: 2,
}
},
{
breakpoint: 640,
settings: {
slidesToShow: 1,
variableWidth: true,
}
}
]
});
$('.js-posts-grid-carousel-next').click(function(e) {
e.preventDefault();
$(this).parents('.latest-news-wrap').find('.js-posts-grid-carousel').slick('slickNext');
});
$('.js-posts-grid-carousel-prev').click(function(e) {
e.preventDefault();
$(this).parents('.latest-news-wrap').find('.js-posts-grid-carousel').slick('slickPrev');
});
});








