This commit is contained in:
2024-05-07 14:41:23 +02:00
parent 403435de67
commit 8ecedd8f21
6 changed files with 60 additions and 32 deletions
@@ -965,12 +965,10 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
.programmes { .programmes {
justify-content: center; justify-content: center;
padding-top: 8rem; padding-top: 8rem; }
padding-bottom: 8rem; }
.programmes .slick-list { .programmes .slick-list {
width: 70%; width: 70%;
margin: auto; margin: auto; }
padding: 0px 150px !important; }
.programmes .slick-list .slick-slide { .programmes .slick-list .slick-slide {
width: min-content; } width: min-content; }
@@ -1762,6 +1760,28 @@ h1 {
padding: 0; padding: 0;
border: none; border: none;
outline: none; } outline: none; }
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1; }
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25; }
.slick-prev:before,
.slick-next:before {
font-family: "slick";
font-size: 50px;
line-height: 1;
color: white;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.slick-prev { .slick-prev {
left: 100px; } left: 100px; }
@@ -1890,7 +1910,7 @@ h1 {
.slick-slide { .slick-slide {
float: left; float: left;
height: 50vh; height: fit-content;
min-height: 1px; min-height: 1px;
display: none; } display: none; }
[dir="rtl"] .slick-slide { [dir="rtl"] .slick-slide {
+3 -3
View File
@@ -200,13 +200,13 @@ jQuery(document).ready(function($){
// centerPadding: '100px', // centerPadding: '100px',
responsive: [ responsive: [
{ {
breakpoint: 810, breakpoint: 800,
settings: { settings: {
slidesToShow: 1, slidesToShow: 1,
adaptiveHeight: true, centerPadding: '0',
arrows: true, arrows: true,
draggable: true,
centerMode: true, centerMode: true,
swipeToSlide: true,
} }
}] }]
}); });
@@ -71,4 +71,5 @@
// @import "template/slick_custom"; // @import "template/slick_custom";
@import "template/slick-theme"; @import "template/slick-theme";
@import "template/slick"; @import "template/slick";
@@ -264,20 +264,26 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
// padding-left: 5%; // padding-left: 5%;
// padding-right: 5%; // padding-right: 5%;
padding-top: 8rem; padding-top: 8rem;
padding-bottom: 8rem; // padding-bottom: 8rem;
// max-height: 100vh;
.slick-list{ .slick-list{
// max-height: 100vh;
// display: inline-block;
width: 70%; width: 70%;
margin: auto; margin: auto;
padding: 0px 150px !important; // padding-top: 150px;
// padding: 0px 150px !important;
.slick-slide{ .slick-slide{
width: min-content; width: min-content;
} }
// .slick-track{
// max-height: 100vh ;
// }
} }
} }
@@ -80,27 +80,27 @@ $slick-opacity-not-active: 0.25 !default;
padding: 0; padding: 0;
border: none; border: none;
outline: none; outline: none;
// &:hover, &:focus { &:hover, &:focus {
// outline: none; outline: none;
// background: transparent; background: transparent;
// color: transparent; color: transparent;
// &:before { &:before {
// opacity: $slick-opacity-on-hover; opacity: $slick-opacity-on-hover;
// } }
// } }
// &.slick-disabled:before { &.slick-disabled:before {
// opacity: $slick-opacity-not-active; opacity: $slick-opacity-not-active;
// } }
// &:before { &:before {
// font-family: $slick-font-family; font-family: $slick-font-family;
// font-size: 50px; font-size: 50px;
// line-height: 1; line-height: 1;
// color: $slick-arrow-color; color: $slick-arrow-color;
// opacity: $slick-opacity-default; opacity: $slick-opacity-default;
// -webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
// -moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
// } }
} }
.slick-prev { .slick-prev {
@@ -63,7 +63,8 @@
} }
.slick-slide { .slick-slide {
float: left; float: left;
height: 50vh; // height: 50vh;
height: fit-content;
min-height: 1px; min-height: 1px;
[dir="rtl"] & { [dir="rtl"] & {
float: right; float: right;