Слайды для карусели, изображающие друг на друга

Question

Я пытаюсь использовать пятно-карусель как слайдер 100vh для одного из моих разделов на одном веб-сайте.

Я использую нефрит, browserify, дерзость и т.д. Вот результат:

Я упростил HTML/CSS в только цвета фона, но из его же по фактическому содержанию.

Как вы можете видеть, слайды показывают друг на друга, и они также клонируются. Я читал, что слайки скользят, когда вы используете centerMode и бесконечные настройки.

Вот мой код:

JADE:

section.services 
    .slick 
     .red 
     .green 
     .blue 

SCSS:

section.services { 
    @extend .padding0; 
    @include bgcolor(#fff); 

    .slick, .slick * { 
     outline: none; 
    } 
} 

.red { 
    height: 100px; 
    background: red; 
} 

.blue { 
    height: 100px; 
    background: blue; 
} 

.green{ 
    height: 100px; 
    background: green; 
} 

JS:

window.jQuery = window.$ = require('jquery'); 
slick = require('slick-carousel'); 

//DOM Ready 
$(function(){ 
    $('.slick').slick({ 
     slidesToShow: 1, 
     speed: 300, 
     autoplay: true, 
     dots: true 
    }); 
}); 

Я потерял здесь, надеюсь, что один из вас может Помогите.

Answer 1

В данный момент проект slick.scss не загружается.