Стандартні (за замовчуванням) імена CSS-класів у Slick Slider

Привіт:) У цьому пості список стандартних імен класів JS-бібліотеки Slick Slider, які прописуються за замовчуванням.

/* Весь блок слайдера */ 
.slick-slider {}

/* Слайдер запущений */
.slick-slider.slick-initialized {}

/* Слайдер з точками */
.slick-slider.slick-dotted {}	



/* Обмежувальна оболонка (врапер) */ 
.slick-list {} 

/* Стрічка слайдів */ 
.slick-track {}



/* Окремий слайд */
.slick-slide {}
 
/* Окремий слайд активний (показується) */ 
.slick-slide.slick-active {} 

/* Окремий слайд основний */ 
.slick-slide.slick-current {} 

/* Окремий слайд по центру */
.slick-slide.slick-center {} 

/* Окремий клонований слайд */ 
.slick-slide.slick-cloned {}



/* Стрілка */ 
.slick-arrow {} 

/* Стрілка вліво */ 
.slick-arrow.slick-prev {} 

/* Стрілка вправо */ 
.slick-arrow.slick-next {} 

/* Стрілка не активна */
.slick-arrow.slick-disabled {}



/* Точки (буліти) */ 
.slick-dots {}
.slick-dots li {} 

/* Активна точка */ 
.slick-dots li.slick-active {} 

/* Елемент точки */ 
.slick-dots li button {} 
Оф. репозиторій Slick Slider - https://kenwheeler.github.io/slick/.

Джерело

Михайло Петров
Михайло Петров

Мене звати Михайло. Я — WordPress-розробник. Створюю візитки, корпоративні сайти, блоги на WordPress.

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *