@ivcreative/accessible-vanilla-slick 1.0.2 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.markdown +90 -4
- package/package.json +4 -4
- package/slick/dist/accessible-slick-theme.min.css +1 -1
- package/slick/dist/accessible-slick-theme.min.css.map +1 -1
- package/slick/dist/slick-theme.min.css +1 -1
- package/slick/dist/slick-theme.min.css.map +1 -1
- package/slick/dist/slick.js +872 -94
- package/slick/dist/slick.min.css +1 -1
- package/slick/dist/slick.min.css.map +1 -1
- package/slick/dist/slick.min.js +17 -1
- package/slick/dist/slick.cjs +0 -2109
- package/slick/dist/slick.esm.mjs +0 -2087
package/README.markdown
CHANGED
|
@@ -13,6 +13,24 @@ https://ivcreative.github.io/accessible-vanilla-slick/
|
|
|
13
13
|
|
|
14
14
|
Also check out this [collection of ready-to-use demos on CodePen](https://codepen.io/collection/nwRGZk) for common scenarios like hero banners, scrolling product cards, PDP thumbnail images, and more!
|
|
15
15
|
|
|
16
|
+
## What's new in v1.2.0
|
|
17
|
+
|
|
18
|
+
- Motion sensitivity support with `respectReducedMotion`.
|
|
19
|
+
- Full keyboard navigation (Arrow Left/Right, Home, End).
|
|
20
|
+
- Aria-live announcements with per-slide `data-announce` and optional descriptions.
|
|
21
|
+
- Skip link support for keyboard users.
|
|
22
|
+
- Lazy load improvements: RAF fades, loading/error indicators, progressive parallel loading, and IntersectionObserver support.
|
|
23
|
+
- Responsive + layout optimizations with ResizeObserver and CSS variable positioning.
|
|
24
|
+
- Optional `performance.mark()`/`performance.measure()` metrics for `init`, `changeSlide`, and `setPosition`.
|
|
25
|
+
|
|
26
|
+
## Changelog
|
|
27
|
+
|
|
28
|
+
### v1.2.0
|
|
29
|
+
|
|
30
|
+
- Accessibility: aria-live announcements with `data-announce`/`data-announce-description`, skip links, improved keyboard navigation, and fade focus management.
|
|
31
|
+
- Performance: ResizeObserver support, IntersectionObserver lazy loading, parallel progressive loading, RAF image fades, and CSS variable positioning.
|
|
32
|
+
- UX: autoplay toggle label updates, `aria-current` on dots, and loading/error indicators for lazy images.
|
|
33
|
+
|
|
16
34
|
#### CDN
|
|
17
35
|
|
|
18
36
|
##### Example using jsDelivr
|
|
@@ -21,17 +39,17 @@ Just add a link to the CSS file in your `<head>`:
|
|
|
21
39
|
|
|
22
40
|
```html
|
|
23
41
|
<!-- Add the core slick.min.css -->
|
|
24
|
-
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@ivcreative/accessible-vanilla-slick@1.0
|
|
42
|
+
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@ivcreative/accessible-vanilla-slick@1.2.0/slick/dist/slick.min.css">
|
|
25
43
|
|
|
26
44
|
<!-- Add ONE of the theme files (accessible version or original) -->
|
|
27
|
-
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@ivcreative/accessible-vanilla-slick@1.0
|
|
28
|
-
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@ivcreative/accessible-vanilla-slick@1.0
|
|
45
|
+
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@ivcreative/accessible-vanilla-slick@1.2.0/slick/dist/accessible-slick-theme.min.css">
|
|
46
|
+
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@ivcreative/accessible-vanilla-slick@1.2.0/slick/dist/slick-theme.min.css">
|
|
29
47
|
```
|
|
30
48
|
|
|
31
49
|
Then, before your closing `<body>` tag add:
|
|
32
50
|
|
|
33
51
|
```html
|
|
34
|
-
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@ivcreative/accessible-vanilla-slick@1.0
|
|
52
|
+
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@ivcreative/accessible-vanilla-slick@1.2.0/slick/dist/slick.min.js"></script>
|
|
35
53
|
```
|
|
36
54
|
|
|
37
55
|
#### Package Managers
|
|
@@ -81,6 +99,10 @@ This package implements the following changes, all of which have been thoroughly
|
|
|
81
99
|
<th scope="row" align="left"><a href="https://github.com/Accessible360/accessible-slick/issues/18">Instructions can now be provided</a> for screen reader users</th>
|
|
82
100
|
<td>If your slider uses complex logic or unconventional interaction behaviors, there is a good chance that screen reader users will have an especially hard time figuring it out. If you're using the <code>asNavFor</code> setting or any of the API methods/events, you should probably explain how your carousel works to screen reader users.</td>
|
|
83
101
|
</tr>
|
|
102
|
+
<tr valign="top">
|
|
103
|
+
<th scope="row" align="left">🆕 <strong>Respects <code>prefers-reduced-motion</code></strong> to support users with motion sensitivity.</th>
|
|
104
|
+
<td>With the new <code>respectReducedMotion</code> setting, the slider automatically detects and honors the user's "Reduce Motion" operating system preference. This is essential for users with vestibular disorders, epilepsy, and other conditions that make motion uncomfortable or dangerous. When enabled, animations and transitions are disabled automatically. Complies with <a href="https://www.w3.org/WAI/WCAG22/Understanding/animation-from-interactions.html">WCAG 2.2.2 (Animation from Interactions)</a>.</td>
|
|
105
|
+
</tr>
|
|
84
106
|
<tr valign="top">
|
|
85
107
|
<th scope="row" align="left">The <a href="https://github.com/Accessible360/accessible-slick/issues/20">Previous and Next arrows can now be placed</a> before, after, or on either side of the slides in the DOM to match the visual design.</th>
|
|
86
108
|
<td>Designers can get really creative with sliders sometimes, making it difficult to ensure that all of the controls and slide contents are in a logical order in the page's DOM (<a href="https://www.w3.org/WAI/WCAG21/Understanding/meaningful-sequence.html">WCAG 1.3.2</a>) and tab sequence (<a href="https://www.w3.org/WAI/WCAG21/Understanding/focus-order.html">WCAG 2.4.3</a>). Using the new <a href="#new-features-"><code>arrowsPlacement</code> setting</a>, you can now control where the previous and next buttons are injected to better match the visual design!</td>
|
|
@@ -141,13 +163,77 @@ In addition the original functionality, the following new settings have been add
|
|
|
141
163
|
Setting | Type | Default | Description
|
|
142
164
|
:-------|:-----|:--------|:-----------
|
|
143
165
|
arrowsPlacement | string ('beforeSlides' \| 'afterSlides' \| 'split') | null | Determines where the previous and next arrows are placed in the slider DOM, which determines their tabbing order. Arrows can be placed together before the slides or after the slides, or split so that the previous arrow is before the slides and the next arrow is after (this is the default). Use this setting to ensure the tabbing order is logical based on your visual design to fulfill [WCAG 1.3.2](https://www.w3.org/WAI/WCAG21/Understanding/meaningful-sequence.html) and [2.4.3](https://www.w3.org/WAI/WCAG21/Understanding/focus-order.html).
|
|
166
|
+
announceSlides | boolean | true | Enables screen-reader announcements when the current slide changes.
|
|
167
|
+
announceSlidePosition | boolean | true | When enabled, announces slide position (e.g. `Slide 2 of 6`). If all other announcement data is missing, position is used as the fallback.
|
|
168
|
+
announceSlideDescription | boolean | false | When enabled, appends per-slide description text from `data-announce-description` to announcements.
|
|
169
|
+
announcementPrefix | string | 'Slide' | Prefix used in automatic announcements, e.g. `Slide 2 of 6`.
|
|
144
170
|
instructionsText | string | `null` | Instructions for screen reader users placed at the very beginning of the slider markup. **If you are using `asNavFor` or adding custom functionality with API methods/events, you probably need to supply instructions!**
|
|
171
|
+
lazyLoadErrorMessage | string | 'Image failed to load' | Text shown when a lazy-loaded image fails to load.
|
|
172
|
+
lazyLoadErrorVisible | boolean | true | When true, shows a visible error message near the failed image.
|
|
173
|
+
lazyLoadErrorAnnounce | boolean | true | When true, announces the lazy-load error via the aria-live region.
|
|
174
|
+
lazyLoadLoadingIndicator | boolean | false | When true, shows a visible loading message while images are loading.
|
|
175
|
+
lazyLoadLoadingText | string | 'Loading image' | Text shown while a lazy-loaded image is loading.
|
|
176
|
+
lazyLoadParallelLimit | number | 3 | Maximum number of images to load in parallel for `lazyLoad: 'progressive'`. Set to 1 to keep sequential loading.
|
|
177
|
+
lazyLoadUseIntersectionObserver | boolean | true | When true, uses IntersectionObserver for `lazyLoad: 'ondemand'` if available.
|
|
178
|
+
lazyLoadIntersectionRootMargin | string | '200px 0px' | Root margin for IntersectionObserver preloading.
|
|
179
|
+
lazyLoadIntersectionThreshold | number | 0.01 | IntersectionObserver threshold for lazy-loaded images.
|
|
180
|
+
enablePerformanceMetrics | boolean | false | When true, emits `performance.mark()` and `performance.measure()` entries for `init`, `changeSlide`, and `setPosition`.
|
|
181
|
+
performanceMetricsPrefix | string | 'slick' | Prefix used for performance entries (e.g. `slick:slider-id:setPosition:0`).
|
|
145
182
|
pauseIcon | string (html \| jQuery selector) \| object (DOM node \| jQuery object) | `<span class="slick-pause-icon" aria-hidden="true"></span>` | Custom element to use as the "pause" icon inside the autoplay pause/play toggle button, when `autoplay` is enabled.
|
|
146
183
|
playIcon | string (html \| jQuery selector) \| object (DOM node \| jQuery object) | `<span class="slick-play-icon" aria-hidden="true"></span>` | Custom element to use as the "play" icon inside the autoplay pause/play toggle button, when `autoplay` is enabled.
|
|
147
184
|
regionLabel | string | 'carousel' | Text to use for the `aria-label` that is placed on the wrapper.
|
|
185
|
+
useSkipLink | boolean | true | Adds a skip link before the carousel so keyboard users can bypass it quickly.
|
|
186
|
+
skipLinkText | string | 'Skip carousel' | Text for the skip link (e.g. `Skip featured carousel`).
|
|
187
|
+
skipLinkVisible | boolean | false | When true, the skip link is always visible; otherwise it is visually hidden until focused.
|
|
148
188
|
useGroupRole | boolean | true | Controls whether `role="group"` and an `aria-label` are applied to each slide.
|
|
149
189
|
useAutoplayToggleButton | boolean | true | Controls whether a pause/play icon button is added when autoplay is enabled. Setting this to `false` without providing an alternative control would likely violate [WCAG 2.2.2](https://www.w3.org/WAI/WCAG21/Understanding/pause-stop-hide.html), so be careful!
|
|
150
190
|
|
|
191
|
+
### Per-slide announcements (`data-announce`) 🔊
|
|
192
|
+
|
|
193
|
+
For dynamic environments like WordPress, add `data-announce` to each slide wrapper to control what gets read by screen readers:
|
|
194
|
+
|
|
195
|
+
```html
|
|
196
|
+
<div class="slide" data-announce="New arrivals: Summer collection">
|
|
197
|
+
...
|
|
198
|
+
</div>
|
|
199
|
+
```
|
|
200
|
+
|
|
201
|
+
Automatic message format:
|
|
202
|
+
|
|
203
|
+
```text
|
|
204
|
+
Slide X of Y: [data-announce value]
|
|
205
|
+
```
|
|
206
|
+
|
|
207
|
+
You can also customize the prefix per-slide with `data-announce-prefix` (for example `Showing`), or globally with the `announcementPrefix` setting.
|
|
208
|
+
|
|
209
|
+
If you only want the description or custom text and no slide position, set `announceSlidePosition: false`.
|
|
210
|
+
|
|
211
|
+
If you also want to announce extra details per slide, add `data-announce-description` and enable `announceSlideDescription: true`:
|
|
212
|
+
|
|
213
|
+
```html
|
|
214
|
+
<div
|
|
215
|
+
class="slide"
|
|
216
|
+
data-announce="Summer collection"
|
|
217
|
+
data-announce-description="20 items, free shipping, limited edition"
|
|
218
|
+
>
|
|
219
|
+
...
|
|
220
|
+
</div>
|
|
221
|
+
```
|
|
222
|
+
|
|
223
|
+
```javascript
|
|
224
|
+
const slider = new slickModule.SlickSlider(document.querySelector('.slider'), {
|
|
225
|
+
announceSlides: true,
|
|
226
|
+
announceSlideDescription: true
|
|
227
|
+
});
|
|
228
|
+
```
|
|
229
|
+
|
|
230
|
+
Programmatic API is also available for dynamic updates:
|
|
231
|
+
|
|
232
|
+
```javascript
|
|
233
|
+
slider.announce('A new slide was added', true);
|
|
234
|
+
slider.announceCurrentSlide(true);
|
|
235
|
+
```
|
|
236
|
+
|
|
151
237
|
|
|
152
238
|
### Deprecated settings ❌
|
|
153
239
|
The following settings have been removed from the API, but if you pass them in through your initialization function or data attributes nothing bad will happen! If any of these settings are passed in, you'll just get a soft console warning letting you know that the setting is no longer relevant.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ivcreative/accessible-vanilla-slick",
|
|
3
|
-
"version": "1.0
|
|
3
|
+
"version": "1.2.0",
|
|
4
4
|
"description": "WCAG 2.2 compliant vanilla ES6 carousel - the last (accessible) carousel you'll ever need",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "slick/dist/slick.js",
|
|
@@ -22,14 +22,14 @@
|
|
|
22
22
|
"url": "https://github.com/ivcreative/accessible-vanilla-slick.git"
|
|
23
23
|
},
|
|
24
24
|
"scripts": {
|
|
25
|
-
"clean": "rimraf slick/dist/*.min.css slick/dist/*.min.js",
|
|
25
|
+
"clean": "rimraf slick/dist/*.min.css slick/dist/*.min.js slick/dist/slick.js slick/dist/slick.esm.mjs slick/dist/slick.cjs",
|
|
26
26
|
"build:css": "sass --style=compressed slick/slick.scss:slick/dist/slick.min.css slick/slick-theme.scss:slick/dist/slick-theme.min.css slick/accessible-slick-theme.scss:slick/dist/accessible-slick-theme.min.css",
|
|
27
|
-
"build:js": "esbuild slick/dist/slick.js --minify --outfile=slick/dist/slick.min.js",
|
|
27
|
+
"build:js": "esbuild slick/src/index.js --bundle --format=iife --global-name=slickModule --outfile=slick/dist/slick.js && esbuild slick/dist/slick.js --minify --outfile=slick/dist/slick.min.js",
|
|
28
28
|
"build": "npm run clean && npm run build:css && npm run build:js",
|
|
29
29
|
"prepublishOnly": "npm run build",
|
|
30
30
|
"pack:check": "npm pack --dry-run",
|
|
31
31
|
"watch:css": "sass --watch --style=compressed slick/slick.scss:slick/dist/slick.min.css slick/slick-theme.scss:slick/dist/slick-theme.min.css slick/accessible-slick-theme.scss:slick/dist/accessible-slick-theme.min.css",
|
|
32
|
-
"watch:js": "chokidar \"slick/
|
|
32
|
+
"watch:js": "chokidar \"slick/src/**\" -c \"npm run build:js\"",
|
|
33
33
|
"watch": "npm-run-all --parallel watch:css watch:js"
|
|
34
34
|
},
|
|
35
35
|
"keywords": [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@font-face{font-family:"slick";src:url("./fonts/slick.eot");src:url("./fonts/slick.eot?#iefix") format("embedded-opentype"),url("./fonts/slick.woff") format("woff"),url("./fonts/slick.ttf") format("truetype"),url("./fonts/slick.svg#slick") format("svg");font-weight:normal;font-style:normal}.slick-loading .slick-list{background:#fff url("./ajax-loader.gif") center center no-repeat}.slick-prev,.slick-next{position:absolute;top:50%;display:block;padding:0;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:rgba(0,0,0,0);color:rgba(0,0,0,0);border:none;transform:translate(0, -50%)}.slick-prev:hover .slick-prev-icon,.slick-prev:hover .slick-next-icon,.slick-prev:focus .slick-prev-icon,.slick-prev:focus .slick-next-icon,.slick-next:hover .slick-prev-icon,.slick-next:hover .slick-next-icon,.slick-next:focus .slick-prev-icon,.slick-next:focus .slick-next-icon{opacity:1}.slick-prev:focus,.slick-next:focus{top:calc(50% - 1px)}.slick-prev:focus .slick-prev-icon,.slick-prev:focus .slick-next-icon,.slick-next:focus .slick-prev-icon,.slick-next:focus .slick-next-icon{color:orange;font-size:28px;margin-left:-2px}.slick-prev.slick-disabled,.slick-next.slick-disabled{cursor:default}.slick-prev.slick-disabled .slick-prev-icon,.slick-prev.slick-disabled .slick-next-icon,.slick-next.slick-disabled .slick-prev-icon,.slick-next.slick-disabled .slick-next-icon{opacity:.
|
|
1
|
+
@font-face{font-family:"slick";src:url("./fonts/slick.eot");src:url("./fonts/slick.eot?#iefix") format("embedded-opentype"),url("./fonts/slick.woff") format("woff"),url("./fonts/slick.ttf") format("truetype"),url("./fonts/slick.svg#slick") format("svg");font-weight:normal;font-style:normal}.slick-loading .slick-list{background:#fff url("./ajax-loader.gif") center center no-repeat}.slick-prev,.slick-next{position:absolute;top:50%;display:block;padding:0;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:rgba(0,0,0,0);color:rgba(0,0,0,0);border:none;transform:translate(0, -50%)}.slick-prev:hover .slick-prev-icon,.slick-prev:hover .slick-next-icon,.slick-prev:focus .slick-prev-icon,.slick-prev:focus .slick-next-icon,.slick-next:hover .slick-prev-icon,.slick-next:hover .slick-next-icon,.slick-next:focus .slick-prev-icon,.slick-next:focus .slick-next-icon{opacity:1}.slick-prev:focus,.slick-next:focus{top:calc(50% - 1px)}.slick-prev:focus .slick-prev-icon,.slick-prev:focus .slick-next-icon,.slick-next:focus .slick-prev-icon,.slick-next:focus .slick-next-icon{color:orange;font-size:28px;margin-left:-2px}.slick-prev.slick-disabled,.slick-next.slick-disabled{cursor:default}.slick-prev.slick-disabled .slick-prev-icon,.slick-prev.slick-disabled .slick-next-icon,.slick-next.slick-disabled .slick-prev-icon,.slick-next.slick-disabled .slick-next-icon{color:#555;opacity:.6}.slick-prev .slick-prev-icon,.slick-prev .slick-next-icon,.slick-next .slick-prev-icon,.slick-next .slick-next-icon{display:block;color:#000;opacity:1;font-family:"slick";font-size:24px;line-height:1}.slick-prev{left:-25px}[dir=rtl] .slick-prev{left:auto;right:-25px}.slick-prev .slick-prev-icon:before{content:"←"}[dir=rtl] .slick-prev .slick-prev-icon:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{left:-25px;right:auto}.slick-next .slick-next-icon:before{content:"→"}[dir=rtl] .slick-next .slick-next-icon:before{content:"←"}.slick-slider{margin-bottom:30px}.slick-slider.slick-dotted{margin-bottom:60px}.slick-dots{position:absolute;bottom:-30px;display:block;padding:0;margin:0;width:100%;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0}.slick-dots li button{display:block;height:20px;width:20px;margin-top:-4px;margin-left:-4px;line-height:0px;font-size:0px;color:rgba(0,0,0,0);border:0;background:rgba(0,0,0,0);cursor:pointer}.slick-dots li button:hover .slick-dot-icon,.slick-dots li button:focus .slick-dot-icon{opacity:1}.slick-dots li button:focus .slick-dot-icon:before{color:orange}.slick-dots li button .slick-dot-icon{color:#000;opacity:.25}.slick-dots li button .slick-dot-icon:before{position:absolute;top:0;left:0;content:"•";font-family:"slick";font-size:12px;line-height:1;text-align:center;transition:all .05s linear}.slick-dots li.slick-active button:focus .slick-dot-icon{color:orange;opacity:1}.slick-dots li.slick-active button .slick-dot-icon{color:#000;opacity:1}.slick-dots li.slick-active button .slick-dot-icon:before{margin-top:-3px;margin-left:-2px;font-size:18px}.slick-sr-only{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.slick-autoplay-toggle-button{position:absolute;left:5px;bottom:-32px;z-index:10;opacity:1;background:none;border:0;cursor:pointer;color:#000}.slick-autoplay-toggle-button:hover,.slick-autoplay-toggle-button:focus{opacity:1}.slick-autoplay-toggle-button:focus{color:orange}.slick-autoplay-toggle-button .slick-pause-icon:before{content:"⏸";width:20px;height:20px;font-family:"slick";font-size:18px;font-weight:normal;line-height:20px;text-align:center}.slick-autoplay-toggle-button .slick-play-icon:before{content:"▶";width:20px;height:20px;font-family:"slick";font-size:18px;font-weight:normal;line-height:20px;text-align:center}/*# sourceMappingURL=accessible-slick-theme.min.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../accessible-slick-theme.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../accessible-slick-theme.scss"],"names":[],"mappings":"CAmDE,WACE,oBACA,6BACA,kMACA,mBACA,kBASF,2BACE,iEASJ,wBAEE,kBACA,QAEA,cACA,UACA,YACA,WAEA,cACA,YACA,eACA,yBACA,oBACA,YAEA,6BAKE,wRAEE,QAzEiB,EA6ErB,oCACE,oBAEA,4IAEE,aACA,eACA,iBAKJ,sDACE,eAEA,gLAEE,WACA,WAKJ,oHAEE,cACA,MAjHgB,KAkHhB,QAzGoB,EA0GpB,YArHgB,QAsHhB,eACA,cAKJ,YACE,WAEA,sBACE,UACA,YAIA,oCACE,QAjIiB,IAmIjB,8CACE,QAnIe,IA0IvB,YACE,YAEA,sBACE,WACA,WAIA,oCACE,QApJiB,IAsJjB,8CACE,QAxJe,IAiKvB,cACE,mBAEA,2BACE,mBAIJ,YACE,kBACA,aAEA,cACA,UACA,SACA,WAEA,gBACA,kBAEA,eACE,kBACA,qBACA,aACA,UAEA,sBACE,cACA,YACA,WACA,gBACA,iBAEA,gBACA,cACA,oBACA,SACA,yBACA,eAKE,wFACE,QAtMa,EA2Mf,mDACE,aAKJ,sCACE,MA3NU,KA4NV,QAlNmB,IAoNnB,6CACE,kBACA,MACA,OAEA,QA/NY,IAgOZ,YAvOU,QAwOV,UA9NO,KA+NP,cACA,kBAEA,2BASA,yDACE,aACA,UAIJ,mDACE,MAzPQ,KA0PR,QAjPa,EAmPb,0DACE,gBACA,iBACA,eAWZ,eACE,oBACA,yCACA,wCACA,gCACA,sBACA,uBACA,2BACA,qBACA,6BACA,qBACA,8BAMF,8BACE,kBACA,SACA,aACA,WAEA,QAzRsB,EA0RtB,gBACA,SACA,eACA,MAtSkB,KAwSlB,wEACE,QA/RmB,EAkSrB,oCACE,aAGF,uDACE,QA3SoB,IA4SpB,WACA,YACA,YAtTgB,QAuThB,eACA,mBACA,iBACA,kBAGF,sDACE,QArTmB,IAsTnB,WACA,YACA,YAjUgB,QAkUhB,eACA,mBACA,iBACA","file":"accessible-slick-theme.min.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.slick-loading .slick-list{background:#fff url("./ajax-loader.gif") center center no-repeat}@font-face{font-family:"slick";src:url("./fonts/slick.eot");src:url("./fonts/slick.eot?#iefix") format("embedded-opentype"),url("./fonts/slick.woff") format("woff"),url("./fonts/slick.ttf") format("truetype"),url("./fonts/slick.svg#slick") format("svg");font-weight:normal;font-style:normal}.slick-prev,.slick-next{position:absolute;display:block;height:20px;width:20px;line-height:0px;font-size:0px;cursor:pointer;background:rgba(0,0,0,0);color:rgba(0,0,0,0);top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);padding:0;border:none;outline:none}.slick-prev:hover .slick-prev-icon:before,.slick-prev:hover .slick-next-icon:before,.slick-prev:focus .slick-prev-icon:before,.slick-prev:focus .slick-next-icon:before,.slick-next:hover .slick-prev-icon:before,.slick-next:hover .slick-next-icon:before,.slick-next:focus .slick-prev-icon:before,.slick-next:focus .slick-next-icon:before{opacity:1}.slick-prev.slick-disabled,.slick-next.slick-disabled{cursor:default}.slick-prev.slick-disabled .slick-prev-icon:before,.slick-prev.slick-disabled .slick-next-icon:before,.slick-next.slick-disabled .slick-prev-icon:before,.slick-next.slick-disabled .slick-next-icon:before{opacity:.
|
|
1
|
+
.slick-loading .slick-list{background:#fff url("./ajax-loader.gif") center center no-repeat}@font-face{font-family:"slick";src:url("./fonts/slick.eot");src:url("./fonts/slick.eot?#iefix") format("embedded-opentype"),url("./fonts/slick.woff") format("woff"),url("./fonts/slick.ttf") format("truetype"),url("./fonts/slick.svg#slick") format("svg");font-weight:normal;font-style:normal}.slick-prev,.slick-next{position:absolute;display:block;height:20px;width:20px;line-height:0px;font-size:0px;cursor:pointer;background:rgba(0,0,0,0);color:rgba(0,0,0,0);top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);padding:0;border:none;outline:none}.slick-prev:hover .slick-prev-icon:before,.slick-prev:hover .slick-next-icon:before,.slick-prev:focus .slick-prev-icon:before,.slick-prev:focus .slick-next-icon:before,.slick-next:hover .slick-prev-icon:before,.slick-next:hover .slick-next-icon:before,.slick-next:focus .slick-prev-icon:before,.slick-next:focus .slick-next-icon:before{opacity:1}.slick-prev.slick-disabled,.slick-next.slick-disabled{cursor:default}.slick-prev.slick-disabled .slick-prev-icon:before,.slick-prev.slick-disabled .slick-next-icon:before,.slick-next.slick-disabled .slick-prev-icon:before,.slick-next.slick-disabled .slick-next-icon:before{color:#555;opacity:.6}.slick-prev .slick-prev-icon:before,.slick-prev .slick-next-icon:before,.slick-next .slick-prev-icon:before,.slick-next .slick-next-icon:before{font-family:"slick";font-size:20px;line-height:1;color:#fff;opacity:.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{left:auto;right:-25px}.slick-prev .slick-prev-icon:before{content:"←"}[dir=rtl] .slick-prev .slick-prev-icon:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{left:-25px;right:auto}.slick-next .slick-next-icon:before{content:"→"}[dir=rtl] .slick-next .slick-next-icon:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;list-style:none;display:block;text-align:center;padding:0;margin:0;width:100%}.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{border:0;background:rgba(0,0,0,0);display:block;height:20px;width:20px;outline:none;line-height:0px;font-size:0px;color:rgba(0,0,0,0);padding:5px;cursor:pointer}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover .slick-dot-icon,.slick-dots li button:focus .slick-dot-icon{opacity:1}.slick-dots li button .slick-dot-icon{color:#000;opacity:.25}.slick-dots li button .slick-dot-icon:before{position:absolute;top:0;left:0;content:"•";width:20px;height:20px;font-family:"slick";font-size:6px;line-height:20px;text-align:center}.slick-dots li.slick-active button .slick-dot-icon{color:#000;opacity:.75}.slick-sr-only{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.slick-autoplay-toggle-button{position:absolute;left:5px;bottom:-25px;z-index:10;opacity:.75;background:none;border:0;cursor:pointer}.slick-autoplay-toggle-button:hover,.slick-autoplay-toggle-button:focus{outline:none;opacity:1}.slick-autoplay-toggle-button .slick-pause-icon:before{content:"⏸";width:20px;height:20px;font-family:"slick";font-size:16px;line-height:20px;text-align:center}.slick-autoplay-toggle-button .slick-play-icon:before{content:"▶";width:20px;height:20px;font-family:"slick";font-size:16px;line-height:20px;text-align:center}/*# sourceMappingURL=slick-theme.min.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../slick-theme.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../slick-theme.scss"],"names":[],"mappings":"CAkDI,2BACI,iEAMJ,WACI,oBACA,6BACA,kMACA,mBACA,kBAMR,wBAEI,kBACA,cACA,YACA,WACA,gBACA,cACA,eACA,yBACA,oBACA,QACA,qCACA,iCACA,6BACA,UACA,YACA,aAIQ,gVACI,QAhES,EAqErB,sDACI,eAGI,4MACI,WACA,WAMR,gJACI,YA9FQ,QA+FR,eACA,cACA,MA/FQ,KAgGR,QAvFY,IAwFZ,mCACA,kCAKZ,YACI,WACA,sBACI,UACA,YAIA,oCACI,QA7GW,IA8GX,8CACI,QA9GO,IAoHvB,YACI,YACA,sBACI,WACA,WAIA,oCACI,QA7HW,IA8HX,8CACI,QAhIO,IAwIvB,2BACI,mBAGJ,YACI,kBACA,aACA,gBACA,cACA,kBACA,UACA,SACA,WACA,eACI,kBACA,qBACA,YACA,WACA,aACA,UACA,eACA,sBACI,SACA,yBACA,cACA,YACA,WACA,aACA,gBACA,cACA,oBACA,YACA,eACA,wDACI,aACA,wFACI,QArKK,EAwKb,sCACI,MAlLE,KAmLF,QAzKW,IA0KX,6CACI,kBACA,MACA,OACA,QApLE,IAqLF,WACA,YACA,YA9LA,QA+LA,UArLH,IAsLG,iBACA,kBAIZ,mDACI,MAnMM,KAoMN,QA5LY,IAoMxB,eACC,oBACA,yCACA,wCACC,gCACD,sBACA,uBACA,2BACA,qBACA,6BACA,qBACA,8BAGD,8BACI,kBACA,SACA,aACA,WAEA,QAxNoB,IAyNpB,gBACA,SACA,eAEA,wEACI,aACA,QA9NiB,EAiOrB,uDACI,QAtOgB,IAuOhB,WACA,YACA,YAjPY,QAkPZ,eACA,iBACA,kBAGJ,sDACI,QA/Oe,IAgPf,WACA,YACA,YA3PY,QA4PZ,eACA,iBACA","file":"slick-theme.min.css"}
|