[data-gsap-slider-init] { --slider-status: on; /* Turn slider on/off */ --slider-spv: 1.25; /* Slides per view */ --slider-gap: 1.5em; /* Slides Gap */ } @media screen and (max-width: 991px) { [data-gsap-slider-init] { --slider-status: on; /* Turn slider on/off */ --slider-spv: 2.25; /* Slides per view */ --slider-gap: 1.5em; /* Slides Gap */ } } @media screen and (max-width: 767px) { [data-gsap-slider-init] { --slider-status: on; /* Turn slider on/off */ --slider-spv: 1.15; /* Slides per view */ --slider-gap: 1em; /* Gap */ } } [data-gsap-slider-item]:last-child { margin-right: 0; } [data-gsap-slider-item-status="active"] { opacity: 1; transition: opacity 0.5s ease-in-out; } [data-gsap-slider-item-status="inview"] { opacity: 0.2; transition: opacity 0.5s ease-in-out; } [data-gsap-slider-item-status="not-active"] { opacity: 0.2; transition: opacity 0.5s ease-in-out; } /* Controls */ [data-gsap-slider-status="not-active"] [data-gsap-slider-controls] { display: none; } [data-gsap-slider-control-status="not-active"] { opacity: 0.2; pointer-events: none; }