3 * Provided basic styling for the Slick based on custom settings.
9 -webkit-box-sizing: border-box;
10 box-sizing: border-box;
23 /* Prevents overflowing nested slides. */
31 * Misc overrides core slick.
37 .slick__slider::before,
38 .slick__slider::after {
43 .slick__slider::after {
54 cursor: -webkit-grabbing;
59 .draggable:active .slide__caption {
60 cursor: -webkit-grabbing;
62 -moz-user-select: none;
63 -ms-user-select: none;
65 -webkit-user-select: none;
69 /** Visibility fix for stacking slides during initialization. */
76 /** Prevents collapsing container during initialization. */
77 .slick__slide.slide--0 {
81 .unslick .slick__slide,
82 .slick-initialized .slick__slide {
87 /* Fix for Chrome blue outline */
92 /* Prevents collapsing slick when unslick like one item. */
93 .unslick .slick__slide {
102 * Slide layouts, adjust accordingly per actual container slide.
109 .slide__content::after {
124 /* Overrides .slick-slider to make caption text selectable. */
127 -moz-user-select: text;
128 -ms-user-select: text;
129 -o-user-select: text;
130 -webkit-user-select: text;
135 /* Only display when JS is ready. */
137 .is-loading .slide__caption {
141 /** Arrows are outside slick-initialized. */
142 .slick--initialized .slick__arrow {
146 .slick--main .slide__caption {
152 .slick--thumbnail .slide__caption {
158 * Arrows contained/wrapped within slick__arrow for easy moves.
160 /* Overrides problematic hidden arrows at core slick.css */
174 pointer-events: none;
181 /** Keeps decent fallback for when slick-theme.css is disabled, even if dup. */
187 pointer-events: auto;
190 -webkit-transform: translateY(-50%);
191 transform: translateY(-50%);
201 .slick-arrow::before,
202 .slick-arrow::after {
203 pointer-events: none;
206 .slick-arrow::before {
212 .slick-arrow:hover::before {
219 /* Makes the pointer work when bullets placed over the slide. */
220 /* Overrides core > 1.3.11, otherwise thumbnails are non-clickable */
222 .slick--thumbnail .slick__slide img {
223 pointer-events: auto;
226 /* Provides decent dots if core slick-theme.css is disabled. */
229 display: inline-block;
233 /* Overrides too tiny bullets from core slick.css.*/
234 .slick-dots li button::before {
242 /* Hide lazyloaded image when JS is off.*/
252 /* Center the image to reduce gap at RHS with smaller image, larger container */
257 /** @todo: Remove temp fix for when total <= slidesToShow at 1.6.1+. */
258 /** @see https://github.com/kenwheeler/slick/issues/262 */
259 .slick--less .slick-track {
265 .slick--less .slick-slide {
267 display: inline-block;
271 .slick--less .draggable {