sparrow-theme 0.1.12 → 0.1.13
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_includes/js/sparrow-theme/sparrow-theme.js +0 -6
- data/_includes/layout/gtmBody.html +4 -0
- data/_includes/layout/gtmHead.html +7 -0
- data/_includes/layout/head.html +1 -0
- data/_layouts/default.html +1 -0
- data/_sass/sparrow-theme/modules/_copyInput.scss +76 -0
- data/_sass/sparrow-theme/sparrow-theme.scss +4 -8
- metadata +4 -11
- data/_includes/js/sparrow-theme/_partials/carousel.js +0 -24
- data/_includes/js/sparrow-theme/_partials/catalog.js +0 -226
- data/_includes/js/sparrow-theme/_vendor/slick.min.js +0 -18
- data/_sass/sparrow-theme/layout/_catalog.scss +0 -79
- data/_sass/sparrow-theme/layout/_component.scss +0 -289
- data/_sass/sparrow-theme/modules/_actionPrompt.scss +0 -33
- data/_sass/sparrow-theme/modules/_carousel.scss +0 -182
- data/_sass/sparrow-theme/modules/_componentCard.scss +0 -92
- data/_sass/sparrow-theme/modules/_preview.scss +0 -99
- data/_sass/sparrow-theme/vendor/_vendor.scss +0 -3
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: c5ad4a094139d138e4621cc4cdad27522d7776cf
|
4
|
+
data.tar.gz: 00fdd052ca2357ff96a4e4d9d7e4afb4ccbd9f28
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 00178a08127d00c0c75b8325fd658c9d1f4d5a50ab1d5b1ce65ac72b6ccfc2bd620a0d051d3da70d4eff54175ce4f2d396c3e77c9c6c9d39de605a107fb7f7f2
|
7
|
+
data.tar.gz: 1d922ee2d6ff5fba6e0f697b6af5aa2ae42cbef6e3a3114946af4de22b72c8ab7bde70731e1b56e231b7ca7cb1356542fd928bc1ea1e0fd250df187799692d67
|
@@ -15,9 +15,3 @@
|
|
15
15
|
{% include js/sparrow-theme/_partials/navigation.js %}
|
16
16
|
{% include js/sparrow-theme/_partials/modal.js %}
|
17
17
|
{% include js/sparrow-theme/_partials/copyInput.js %}
|
18
|
-
|
19
|
-
// Catalog scripts
|
20
|
-
{% if site.catalog %}
|
21
|
-
{% include js/sparrow-theme/_partials/catalog.js %}
|
22
|
-
{% include js/sparrow-theme/_partials/carousel.js %}
|
23
|
-
{% endif %}
|
@@ -0,0 +1,7 @@
|
|
1
|
+
<!-- Google Tag Manager -->
|
2
|
+
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
|
3
|
+
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
|
4
|
+
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
|
5
|
+
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
|
6
|
+
})(window,document,'script','dataLayer','{{ site.gtmID }}');</script>
|
7
|
+
<!-- End Google Tag Manager -->
|
data/_includes/layout/head.html
CHANGED
@@ -11,6 +11,7 @@
|
|
11
11
|
<link rel="stylesheet" href="{{ "/assets/css/main.css" | prepend: site.baseurl }}">
|
12
12
|
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
|
13
13
|
<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" />
|
14
|
+
{% include layout/gtmHead.html %}
|
14
15
|
{% include layout/typekit.html %}
|
15
16
|
<script async src="{{ "/assets/js/scripts.js" | prepend: site.baseurl }}"></script>
|
16
17
|
</head>
|
data/_layouts/default.html
CHANGED
@@ -0,0 +1,76 @@
|
|
1
|
+
.copyInput {
|
2
|
+
display: flex;
|
3
|
+
position: relative;
|
4
|
+
width: 100%;
|
5
|
+
|
6
|
+
&__input {
|
7
|
+
border-radius: $base-border-radius 0 0 $base-border-radius;
|
8
|
+
border: $base-border;
|
9
|
+
border-right: 0;
|
10
|
+
margin: 0;
|
11
|
+
padding: 5px 0 6px 10px;
|
12
|
+
flex: 1;
|
13
|
+
transition: all 0.3s ease;
|
14
|
+
appearance: none;
|
15
|
+
font-size: 14px;
|
16
|
+
|
17
|
+
&:focus {
|
18
|
+
border-color: $primary-color;
|
19
|
+
}
|
20
|
+
|
21
|
+
@include media($mobile) {
|
22
|
+
border: $base-border;
|
23
|
+
border-radius: $base-border-radius;
|
24
|
+
}
|
25
|
+
}
|
26
|
+
|
27
|
+
&__button {
|
28
|
+
border-radius: 0 $base-border-radius $base-border-radius 0;
|
29
|
+
position: relative;
|
30
|
+
overflow: visible;
|
31
|
+
|
32
|
+
@include media($mobile) {
|
33
|
+
display: none;
|
34
|
+
}
|
35
|
+
}
|
36
|
+
|
37
|
+
&__notification {
|
38
|
+
@keyframes notification {
|
39
|
+
0% {
|
40
|
+
opacity: 0;
|
41
|
+
transform: translate3d(-50%, 0, 0);
|
42
|
+
}
|
43
|
+
30%, 70% {
|
44
|
+
opacity: 1;
|
45
|
+
}
|
46
|
+
100% {
|
47
|
+
opacity: 0;
|
48
|
+
transform: translate3d(-50%, -10px, 0);
|
49
|
+
}
|
50
|
+
}
|
51
|
+
|
52
|
+
animation: notification 1.2s $CurveFastOutSlowIn;
|
53
|
+
position: absolute;
|
54
|
+
top: -100%;
|
55
|
+
left: 50%;
|
56
|
+
background: $green;
|
57
|
+
padding: 8px 15px 8px 10px;
|
58
|
+
border-radius: $base-border-radius;
|
59
|
+
line-height: 14px;
|
60
|
+
font-size: 14px;
|
61
|
+
display: flex;
|
62
|
+
align-items: center;
|
63
|
+
text-transform: capitalize;
|
64
|
+
letter-spacing: normal;
|
65
|
+
font-weight: 600;
|
66
|
+
|
67
|
+
&:before {
|
68
|
+
content: '';
|
69
|
+
background: url('/assets/icon-check-white.svg');
|
70
|
+
background-size: 100%;
|
71
|
+
width: 18px;
|
72
|
+
height: 18px;
|
73
|
+
margin-right: 5px;
|
74
|
+
}
|
75
|
+
}
|
76
|
+
}
|
@@ -12,16 +12,12 @@
|
|
12
12
|
"sparrow-theme/layout/page",
|
13
13
|
"sparrow-theme/modules/button",
|
14
14
|
"sparrow-theme/modules/card",
|
15
|
+
"sparrow-theme/modules/copyInput",
|
15
16
|
"sparrow-theme/modules/heroBanner",
|
16
17
|
"sparrow-theme/modules/modal",
|
17
|
-
"sparrow-theme/modules/spinner",
|
18
|
-
"sparrow-theme/modules/video",
|
19
18
|
"sparrow-theme/modules/navSearch",
|
20
|
-
"sparrow-theme/layout/catalog",
|
21
|
-
"sparrow-theme/layout/component",
|
22
|
-
"sparrow-theme/modules/carousel",
|
23
|
-
"sparrow-theme/modules/componentCard",
|
24
|
-
"sparrow-theme/modules/actionPrompt",
|
25
19
|
"sparrow-theme/modules/sideNav",
|
26
|
-
"sparrow-theme/modules/
|
20
|
+
"sparrow-theme/modules/spinner",
|
21
|
+
"sparrow-theme/modules/stepsList",
|
22
|
+
"sparrow-theme/modules/video"
|
27
23
|
;
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: sparrow-theme
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.1.
|
4
|
+
version: 0.1.13
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Hamish Williams
|
@@ -61,8 +61,6 @@ extra_rdoc_files: []
|
|
61
61
|
files:
|
62
62
|
- LICENSE.txt
|
63
63
|
- README.md
|
64
|
-
- _includes/js/sparrow-theme/_partials/carousel.js
|
65
|
-
- _includes/js/sparrow-theme/_partials/catalog.js
|
66
64
|
- _includes/js/sparrow-theme/_partials/copyInput.js
|
67
65
|
- _includes/js/sparrow-theme/_partials/getData.js
|
68
66
|
- _includes/js/sparrow-theme/_partials/modal.js
|
@@ -71,10 +69,11 @@ files:
|
|
71
69
|
- _includes/js/sparrow-theme/_partials/search.js
|
72
70
|
- _includes/js/sparrow-theme/_vendor/jquery-3.1.1.min.js
|
73
71
|
- _includes/js/sparrow-theme/_vendor/lunr.min.js
|
74
|
-
- _includes/js/sparrow-theme/_vendor/slick.min.js
|
75
72
|
- _includes/js/sparrow-theme/_vendor/uri.js
|
76
73
|
- _includes/js/sparrow-theme/sparrow-theme.js
|
77
74
|
- _includes/layout/footer.html
|
75
|
+
- _includes/layout/gtmBody.html
|
76
|
+
- _includes/layout/gtmHead.html
|
78
77
|
- _includes/layout/head.html
|
79
78
|
- _includes/layout/header.html
|
80
79
|
- _includes/layout/typekit.html
|
@@ -99,28 +98,22 @@ files:
|
|
99
98
|
- _sass/sparrow-theme/base/_mixins.scss
|
100
99
|
- _sass/sparrow-theme/base/_variables.scss
|
101
100
|
- _sass/sparrow-theme/layout/_404.scss
|
102
|
-
- _sass/sparrow-theme/layout/_catalog.scss
|
103
|
-
- _sass/sparrow-theme/layout/_component.scss
|
104
101
|
- _sass/sparrow-theme/layout/_footer.scss
|
105
102
|
- _sass/sparrow-theme/layout/_header.scss
|
106
103
|
- _sass/sparrow-theme/layout/_layout.scss
|
107
104
|
- _sass/sparrow-theme/layout/_page.scss
|
108
|
-
- _sass/sparrow-theme/modules/_actionPrompt.scss
|
109
105
|
- _sass/sparrow-theme/modules/_button.scss
|
110
106
|
- _sass/sparrow-theme/modules/_card.scss
|
111
|
-
- _sass/sparrow-theme/modules/
|
112
|
-
- _sass/sparrow-theme/modules/_componentCard.scss
|
107
|
+
- _sass/sparrow-theme/modules/_copyInput.scss
|
113
108
|
- _sass/sparrow-theme/modules/_heroBanner.scss
|
114
109
|
- _sass/sparrow-theme/modules/_modal.scss
|
115
110
|
- _sass/sparrow-theme/modules/_navSearch.scss
|
116
|
-
- _sass/sparrow-theme/modules/_preview.scss
|
117
111
|
- _sass/sparrow-theme/modules/_sideNav.scss
|
118
112
|
- _sass/sparrow-theme/modules/_spinner.scss
|
119
113
|
- _sass/sparrow-theme/modules/_stepsList.scss
|
120
114
|
- _sass/sparrow-theme/modules/_video.scss
|
121
115
|
- _sass/sparrow-theme/sparrow-theme.scss
|
122
116
|
- _sass/sparrow-theme/vendor/_normalize.scss
|
123
|
-
- _sass/sparrow-theme/vendor/_vendor.scss
|
124
117
|
- assets/css/main.scss
|
125
118
|
- assets/img/404.gif
|
126
119
|
- assets/img/favicon.png
|
@@ -1,24 +0,0 @@
|
|
1
|
-
(function ($, root, undefined) {
|
2
|
-
'use strict';
|
3
|
-
|
4
|
-
$(function() {
|
5
|
-
var prevArrow = $('.carousel__control--prev');
|
6
|
-
var nextArrow = $('.carousel__control--next');
|
7
|
-
|
8
|
-
$('.carousel__slides').slick({
|
9
|
-
prevArrow: prevArrow,
|
10
|
-
nextArrow: nextArrow,
|
11
|
-
dots: true,
|
12
|
-
dotsClass: 'carousel__dots',
|
13
|
-
responsive: [
|
14
|
-
{
|
15
|
-
breakpoint: 700,
|
16
|
-
settings: {
|
17
|
-
arrows: false,
|
18
|
-
}
|
19
|
-
}
|
20
|
-
]
|
21
|
-
});
|
22
|
-
});
|
23
|
-
|
24
|
-
})(jQuery, this);
|
@@ -1,226 +0,0 @@
|
|
1
|
-
var ComponentCard = (function() {
|
2
|
-
'use strict';
|
3
|
-
|
4
|
-
function ComponentCard(data) {
|
5
|
-
this.url = data.url;
|
6
|
-
this.title = data.title;
|
7
|
-
this.categories = data.categories;
|
8
|
-
this.featured = data.featured;
|
9
|
-
this.image = data.image;
|
10
|
-
this.description = data.description;
|
11
|
-
}
|
12
|
-
|
13
|
-
ComponentCard.prototype.renderComponentCard = function() {
|
14
|
-
var truncatedDesctription = this.description.substring(0, 90);
|
15
|
-
var card = '<a href="' + this.url + '" class="componentCard__item componentCard__item--faded">' +
|
16
|
-
'<div class="componentCard__thumbnail" style="background-image: url(' + this.image + ');"></div>' +
|
17
|
-
'<div class="componentCard__content">' +
|
18
|
-
'<h3 class="componentCard__title">' + this.title + '</h3>' +
|
19
|
-
'<p class="componentCard__description">' + truncatedDesctription + '...</p>' +
|
20
|
-
'</div>' +
|
21
|
-
'</a>';
|
22
|
-
return card;
|
23
|
-
};
|
24
|
-
|
25
|
-
return ComponentCard;
|
26
|
-
})();
|
27
|
-
|
28
|
-
var Catalog = (function() {
|
29
|
-
'use strict';
|
30
|
-
|
31
|
-
function Catalog(element, data) {
|
32
|
-
this.data = data;
|
33
|
-
this.element = element;
|
34
|
-
this.catalogContent = this.element.find('.catalog__items');
|
35
|
-
this.filterLinks = this.element.find('.sideNav__link');
|
36
|
-
this.carousel = this.element.find('[data-content="carousel"]');
|
37
|
-
this.featuredContent = this.element.find('[data-content="featured"]');
|
38
|
-
this.newContent = this.element.find('[data-content="new"]');
|
39
|
-
this.featuredCollectionContent = this.element.find('[data-content="Featured Collections"]');
|
40
|
-
this.allCollectionContent = this.element.find('[data-content="All Collections"]');
|
41
|
-
this.filteredContent = this.element.find('[data-content="filtered"]');
|
42
|
-
this.filteredCardContainer = this.filteredContent.find('.componentCard');
|
43
|
-
this.filteredContentTitle = this.filteredContent.find('.catalog__title');
|
44
|
-
this.isMobile = window.matchMedia('(max-width: 700px)');
|
45
|
-
|
46
|
-
this.initialize();
|
47
|
-
}
|
48
|
-
|
49
|
-
Catalog.prototype.initialize = function() {
|
50
|
-
this.bindEvents();
|
51
|
-
this.showFeatured();
|
52
|
-
this.populateFromHistory();
|
53
|
-
this.animateCards();
|
54
|
-
};
|
55
|
-
|
56
|
-
Catalog.prototype.bindEvents = function() {
|
57
|
-
var self = this;
|
58
|
-
|
59
|
-
$('[data-filter]').click(function(e) {
|
60
|
-
var target = $(e.currentTarget);
|
61
|
-
var filterName = target.data('filter');
|
62
|
-
var filterValue = target.data('value');
|
63
|
-
var queryString = '?n=' + filterName + '&v=' + filterValue;
|
64
|
-
|
65
|
-
window.history.pushState({}, filterValue, queryString);
|
66
|
-
self.changeDisplay(filterName, filterValue);
|
67
|
-
self.scrollToContent();
|
68
|
-
});
|
69
|
-
|
70
|
-
window.onpopstate = function(event) {
|
71
|
-
self.populateFromHistory();
|
72
|
-
};
|
73
|
-
};
|
74
|
-
|
75
|
-
Catalog.prototype.scrollToContent = function() {
|
76
|
-
var scrollHeight = $('.heroBanner').height() - 50;
|
77
|
-
$(window).scrollTop(scrollHeight);
|
78
|
-
};
|
79
|
-
|
80
|
-
Catalog.prototype.showFeatured = function() {
|
81
|
-
this.resetDisplay();
|
82
|
-
this.catalogContent.append(this.carousel);
|
83
|
-
this.catalogContent.append(this.featuredContent);
|
84
|
-
this.catalogContent.append(this.newContent);
|
85
|
-
|
86
|
-
this.carousel.removeClass('catalog__section--hidden');
|
87
|
-
this.featuredContent.removeClass('catalog__section--hidden');
|
88
|
-
this.newContent.removeClass('catalog__section--hidden');
|
89
|
-
this.filterLinks.removeClass('sideNav__link--active');
|
90
|
-
this.carousel.removeClass('catalog__section--faded');
|
91
|
-
|
92
|
-
var featuredData = this.filterContent('featured', 'Featured Components', this.data);
|
93
|
-
var newData = this.filterContent('featured', 'New and Noteworthy', this.data);
|
94
|
-
|
95
|
-
this.renderComponentList(featuredData, this.featuredContent.find('.componentCard'), 2);
|
96
|
-
this.renderComponentList(newData, this.newContent.find('.componentCard'), 2);
|
97
|
-
};
|
98
|
-
|
99
|
-
Catalog.prototype.renderComponentList = function(data, container, limit) {
|
100
|
-
var self = this;
|
101
|
-
container.empty();
|
102
|
-
|
103
|
-
$.each(data, function(index, value){
|
104
|
-
var component = new ComponentCard(value);
|
105
|
-
var card = component.renderComponentCard();
|
106
|
-
container.append(card);
|
107
|
-
if (limit) return index < limit;
|
108
|
-
});
|
109
|
-
|
110
|
-
this.animateCards();
|
111
|
-
};
|
112
|
-
|
113
|
-
Catalog.prototype.animateCards = function() {
|
114
|
-
var index = 0;
|
115
|
-
var items = $('.componentCard__item');
|
116
|
-
var framesPerSecond = 30;
|
117
|
-
|
118
|
-
function animate() {
|
119
|
-
if (index <= items.length) {
|
120
|
-
setTimeout(function() {
|
121
|
-
window.requestAnimationFrame(animate);
|
122
|
-
$(items[index++]).removeClass('componentCard__item--faded');
|
123
|
-
}, 1000 / framesPerSecond);
|
124
|
-
}
|
125
|
-
}
|
126
|
-
|
127
|
-
animate();
|
128
|
-
};
|
129
|
-
|
130
|
-
Catalog.prototype.resetDisplay = function() {
|
131
|
-
$('.componentCard__item').addClass('componentCard__item--faded');
|
132
|
-
this.carousel = this.carousel.detach();
|
133
|
-
this.featuredContent = this.featuredContent.detach();
|
134
|
-
this.newContent = this.newContent.detach();
|
135
|
-
this.featuredCollectionContent = this.featuredCollectionContent.detach();
|
136
|
-
this.allCollectionContent = this.allCollectionContent.detach();
|
137
|
-
this.filteredContent = this.filteredContent.detach();
|
138
|
-
this.filterLinks.removeClass('sideNav__link--active');
|
139
|
-
};
|
140
|
-
|
141
|
-
Catalog.prototype.changeDisplay = function(filterName, filterValue) {
|
142
|
-
var selectedLink = $('.sideNav__link[data-value="' + filterValue + '"]');
|
143
|
-
|
144
|
-
this.resetDisplay();
|
145
|
-
selectedLink.addClass('sideNav__link--active');
|
146
|
-
|
147
|
-
if (filterValue === 'Featured Collections') {
|
148
|
-
this.catalogContent.html(this.featuredCollectionContent);
|
149
|
-
this.featuredCollectionContent.removeClass('catalog__section--hidden');
|
150
|
-
this.animateCards();
|
151
|
-
|
152
|
-
} else if (filterValue === 'All Collections') {
|
153
|
-
this.catalogContent.html(this.allCollectionContent);
|
154
|
-
this.allCollectionContent.removeClass('catalog__section--hidden');
|
155
|
-
this.animateCards();
|
156
|
-
|
157
|
-
} else {
|
158
|
-
this.catalogContent.html(this.filteredContent);
|
159
|
-
this.filteredContent.removeClass('catalog__section--hidden');
|
160
|
-
var filteredData = this.filterContent(filterName, filterValue, this.data);
|
161
|
-
this.renderComponentList(filteredData, this.filteredCardContainer);
|
162
|
-
}
|
163
|
-
};
|
164
|
-
|
165
|
-
Catalog.prototype.search = function(query) {
|
166
|
-
var self = this;
|
167
|
-
var results = window.idx.search(query);
|
168
|
-
var searchEntries = [];
|
169
|
-
this.resetDisplay();
|
170
|
-
this.catalogContent.append(this.filteredContent);
|
171
|
-
this.filteredContent.removeClass('catalog__section--hidden');
|
172
|
-
|
173
|
-
window.data.then(function(loaded_data) {
|
174
|
-
|
175
|
-
if (results.length) {
|
176
|
-
results.forEach(function(result) {
|
177
|
-
searchEntries.push(loaded_data[result.ref]);
|
178
|
-
});
|
179
|
-
|
180
|
-
self.filteredContentTitle.text('Results for ' + query);
|
181
|
-
self.renderComponentList(searchEntries, self.filteredCardContainer);
|
182
|
-
self.animateCards();
|
183
|
-
} else {
|
184
|
-
self.filteredContentTitle.text('No results found for ' + query);
|
185
|
-
}
|
186
|
-
|
187
|
-
self.scrollToContent();
|
188
|
-
});
|
189
|
-
};
|
190
|
-
|
191
|
-
Catalog.prototype.populateFromHistory = function() {
|
192
|
-
var uri = new URI(window.location.search.toString());
|
193
|
-
var queryString = uri.search(true);
|
194
|
-
|
195
|
-
if (queryString.hasOwnProperty('n') && queryString.hasOwnProperty('v')) {
|
196
|
-
this.changeDisplay(queryString.n.toString(), queryString.v.toString());
|
197
|
-
if (this.isMobile.matches) this.scrollToContent();
|
198
|
-
} else if (queryString.hasOwnProperty('q')) {
|
199
|
-
this.search(queryString.q.toString());
|
200
|
-
} else {
|
201
|
-
this.showFeatured();
|
202
|
-
}
|
203
|
-
};
|
204
|
-
|
205
|
-
Catalog.prototype.filterContent = function(filterName, filterValue, data) {
|
206
|
-
this.filteredContentTitle.text(filterValue);
|
207
|
-
|
208
|
-
var filteredData = data.filter(function(n, i) {
|
209
|
-
var data = n[filterName].split(', ');
|
210
|
-
return data.indexOf(filterValue) !== -1;
|
211
|
-
});
|
212
|
-
|
213
|
-
return filteredData;
|
214
|
-
};
|
215
|
-
|
216
|
-
return Catalog;
|
217
|
-
})();
|
218
|
-
|
219
|
-
$(function() {
|
220
|
-
// Only run for catalog pages
|
221
|
-
if ($('.catalog').length) {
|
222
|
-
window.data.then(function(data) {
|
223
|
-
var catalog = new Catalog($('.catalog'), data);
|
224
|
-
});
|
225
|
-
}
|
226
|
-
});
|
@@ -1,18 +0,0 @@
|
|
1
|
-
/*
|
2
|
-
_ _ _ _
|
3
|
-
___| (_) ___| | __ (_)___
|
4
|
-
/ __| | |/ __| |/ / | / __|
|
5
|
-
\__ \ | | (__| < _ | \__ \
|
6
|
-
|___/_|_|\___|_|\_(_)/ |___/
|
7
|
-
|__/
|
8
|
-
|
9
|
-
Version: 1.6.0
|
10
|
-
Author: Ken Wheeler
|
11
|
-
Website: http://kenwheeler.github.io
|
12
|
-
Docs: http://kenwheeler.github.io/slick
|
13
|
-
Repo: http://github.com/kenwheeler/slick
|
14
|
-
Issues: http://github.com/kenwheeler/slick/issues
|
15
|
-
|
16
|
-
*/
|
17
|
-
!function(a){"use strict";"function"==typeof define&&define.amd?define(["jquery"],a):"undefined"!=typeof exports?module.exports=a(require("jquery")):a(jQuery)}(function(a){"use strict";var b=window.Slick||{};b=function(){function c(c,d){var f,e=this;e.defaults={accessibility:!0,adaptiveHeight:!1,appendArrows:a(c),appendDots:a(c),arrows:!0,asNavFor:null,prevArrow:'<button type="button" data-role="none" class="slick-prev" aria-label="Previous" tabindex="0" role="button">Previous</button>',nextArrow:'<button type="button" data-role="none" class="slick-next" aria-label="Next" tabindex="0" role="button">Next</button>',autoplay:!1,autoplaySpeed:3e3,centerMode:!1,centerPadding:"50px",cssEase:"ease",customPaging:function(b,c){return a('<button type="button" data-role="none" role="button" tabindex="0" />').text(c+1)},dots:!1,dotsClass:"slick-dots",draggable:!0,easing:"linear",edgeFriction:.35,fade:!1,focusOnSelect:!1,infinite:!0,initialSlide:0,lazyLoad:"ondemand",mobileFirst:!1,pauseOnHover:!0,pauseOnFocus:!0,pauseOnDotsHover:!1,respondTo:"window",responsive:null,rows:1,rtl:!1,slide:"",slidesPerRow:1,slidesToShow:1,slidesToScroll:1,speed:500,swipe:!0,swipeToSlide:!1,touchMove:!0,touchThreshold:5,useCSS:!0,useTransform:!0,variableWidth:!1,vertical:!1,verticalSwiping:!1,waitForAnimate:!0,zIndex:1e3},e.initials={animating:!1,dragging:!1,autoPlayTimer:null,currentDirection:0,currentLeft:null,currentSlide:0,direction:1,$dots:null,listWidth:null,listHeight:null,loadIndex:0,$nextArrow:null,$prevArrow:null,slideCount:null,slideWidth:null,$slideTrack:null,$slides:null,sliding:!1,slideOffset:0,swipeLeft:null,$list:null,touchObject:{},transformsEnabled:!1,unslicked:!1},a.extend(e,e.initials),e.activeBreakpoint=null,e.animType=null,e.animProp=null,e.breakpoints=[],e.breakpointSettings=[],e.cssTransitions=!1,e.focussed=!1,e.interrupted=!1,e.hidden="hidden",e.paused=!0,e.positionProp=null,e.respondTo=null,e.rowCount=1,e.shouldClick=!0,e.$slider=a(c),e.$slidesCache=null,e.transformType=null,e.transitionType=null,e.visibilityChange="visibilitychange",e.windowWidth=0,e.windowTimer=null,f=a(c).data("slick")||{},e.options=a.extend({},e.defaults,d,f),e.currentSlide=e.options.initialSlide,e.originalSettings=e.options,"undefined"!=typeof document.mozHidden?(e.hidden="mozHidden",e.visibilityChange="mozvisibilitychange"):"undefined"!=typeof document.webkitHidden&&(e.hidden="webkitHidden",e.visibilityChange="webkitvisibilitychange"),e.autoPlay=a.proxy(e.autoPlay,e),e.autoPlayClear=a.proxy(e.autoPlayClear,e),e.autoPlayIterator=a.proxy(e.autoPlayIterator,e),e.changeSlide=a.proxy(e.changeSlide,e),e.clickHandler=a.proxy(e.clickHandler,e),e.selectHandler=a.proxy(e.selectHandler,e),e.setPosition=a.proxy(e.setPosition,e),e.swipeHandler=a.proxy(e.swipeHandler,e),e.dragHandler=a.proxy(e.dragHandler,e),e.keyHandler=a.proxy(e.keyHandler,e),e.instanceUid=b++,e.htmlExpr=/^(?:\s*(<[\w\W]+>)[^>]*)$/,e.registerBreakpoints(),e.init(!0)}var b=0;return c}(),b.prototype.activateADA=function(){var a=this;a.$slideTrack.find(".slick-active").attr({"aria-hidden":"false"}).find("a, input, button, select").attr({tabindex:"0"})},b.prototype.addSlide=b.prototype.slickAdd=function(b,c,d){var e=this;if("boolean"==typeof c)d=c,c=null;else if(0>c||c>=e.slideCount)return!1;e.unload(),"number"==typeof c?0===c&&0===e.$slides.length?a(b).appendTo(e.$slideTrack):d?a(b).insertBefore(e.$slides.eq(c)):a(b).insertAfter(e.$slides.eq(c)):d===!0?a(b).prependTo(e.$slideTrack):a(b).appendTo(e.$slideTrack),e.$slides=e.$slideTrack.children(this.options.slide),e.$slideTrack.children(this.options.slide).detach(),e.$slideTrack.append(e.$slides),e.$slides.each(function(b,c){a(c).attr("data-slick-index",b)}),e.$slidesCache=e.$slides,e.reinit()},b.prototype.animateHeight=function(){var a=this;if(1===a.options.slidesToShow&&a.options.adaptiveHeight===!0&&a.options.vertical===!1){var b=a.$slides.eq(a.currentSlide).outerHeight(!0);a.$list.animate({height:b},a.options.speed)}},b.prototype.animateSlide=function(b,c){var d={},e=this;e.animateHeight(),e.options.rtl===!0&&e.options.vertical===!1&&(b=-b),e.transformsEnabled===!1?e.options.vertical===!1?e.$slideTrack.animate({left:b},e.options.speed,e.options.easing,c):e.$slideTrack.animate({top:b},e.options.speed,e.options.easing,c):e.cssTransitions===!1?(e.options.rtl===!0&&(e.currentLeft=-e.currentLeft),a({animStart:e.currentLeft}).animate({animStart:b},{duration:e.options.speed,easing:e.options.easing,step:function(a){a=Math.ceil(a),e.options.vertical===!1?(d[e.animType]="translate("+a+"px, 0px)",e.$slideTrack.css(d)):(d[e.animType]="translate(0px,"+a+"px)",e.$slideTrack.css(d))},complete:function(){c&&c.call()}})):(e.applyTransition(),b=Math.ceil(b),e.options.vertical===!1?d[e.animType]="translate3d("+b+"px, 0px, 0px)":d[e.animType]="translate3d(0px,"+b+"px, 0px)",e.$slideTrack.css(d),c&&setTimeout(function(){e.disableTransition(),c.call()},e.options.speed))},b.prototype.getNavTarget=function(){var b=this,c=b.options.asNavFor;return c&&null!==c&&(c=a(c).not(b.$slider)),c},b.prototype.asNavFor=function(b){var c=this,d=c.getNavTarget();null!==d&&"object"==typeof d&&d.each(function(){var c=a(this).slick("getSlick");c.unslicked||c.slideHandler(b,!0)})},b.prototype.applyTransition=function(a){var b=this,c={};b.options.fade===!1?c[b.transitionType]=b.transformType+" "+b.options.speed+"ms "+b.options.cssEase:c[b.transitionType]="opacity "+b.options.speed+"ms "+b.options.cssEase,b.options.fade===!1?b.$slideTrack.css(c):b.$slides.eq(a).css(c)},b.prototype.autoPlay=function(){var a=this;a.autoPlayClear(),a.slideCount>a.options.slidesToShow&&(a.autoPlayTimer=setInterval(a.autoPlayIterator,a.options.autoplaySpeed))},b.prototype.autoPlayClear=function(){var a=this;a.autoPlayTimer&&clearInterval(a.autoPlayTimer)},b.prototype.autoPlayIterator=function(){var a=this,b=a.currentSlide+a.options.slidesToScroll;a.paused||a.interrupted||a.focussed||(a.options.infinite===!1&&(1===a.direction&&a.currentSlide+1===a.slideCount-1?a.direction=0:0===a.direction&&(b=a.currentSlide-a.options.slidesToScroll,a.currentSlide-1===0&&(a.direction=1))),a.slideHandler(b))},b.prototype.buildArrows=function(){var b=this;b.options.arrows===!0&&(b.$prevArrow=a(b.options.prevArrow).addClass("slick-arrow"),b.$nextArrow=a(b.options.nextArrow).addClass("slick-arrow"),b.slideCount>b.options.slidesToShow?(b.$prevArrow.removeClass("slick-hidden").removeAttr("aria-hidden tabindex"),b.$nextArrow.removeClass("slick-hidden").removeAttr("aria-hidden tabindex"),b.htmlExpr.test(b.options.prevArrow)&&b.$prevArrow.prependTo(b.options.appendArrows),b.htmlExpr.test(b.options.nextArrow)&&b.$nextArrow.appendTo(b.options.appendArrows),b.options.infinite!==!0&&b.$prevArrow.addClass("slick-disabled").attr("aria-disabled","true")):b.$prevArrow.add(b.$nextArrow).addClass("slick-hidden").attr({"aria-disabled":"true",tabindex:"-1"}))},b.prototype.buildDots=function(){var c,d,b=this;if(b.options.dots===!0&&b.slideCount>b.options.slidesToShow){for(b.$slider.addClass("slick-dotted"),d=a("<ul />").addClass(b.options.dotsClass),c=0;c<=b.getDotCount();c+=1)d.append(a("<li />").append(b.options.customPaging.call(this,b,c)));b.$dots=d.appendTo(b.options.appendDots),b.$dots.find("li").first().addClass("slick-active").attr("aria-hidden","false")}},b.prototype.buildOut=function(){var b=this;b.$slides=b.$slider.children(b.options.slide+":not(.slick-cloned)").addClass("slick-slide"),b.slideCount=b.$slides.length,b.$slides.each(function(b,c){a(c).attr("data-slick-index",b).data("originalStyling",a(c).attr("style")||"")}),b.$slider.addClass("slick-slider"),b.$slideTrack=0===b.slideCount?a('<div class="slick-track"/>').appendTo(b.$slider):b.$slides.wrapAll('<div class="slick-track"/>').parent(),b.$list=b.$slideTrack.wrap('<div aria-live="polite" class="slick-list"/>').parent(),b.$slideTrack.css("opacity",0),(b.options.centerMode===!0||b.options.swipeToSlide===!0)&&(b.options.slidesToScroll=1),a("img[data-lazy]",b.$slider).not("[src]").addClass("slick-loading"),b.setupInfinite(),b.buildArrows(),b.buildDots(),b.updateDots(),b.setSlideClasses("number"==typeof b.currentSlide?b.currentSlide:0),b.options.draggable===!0&&b.$list.addClass("draggable")},b.prototype.buildRows=function(){var b,c,d,e,f,g,h,a=this;if(e=document.createDocumentFragment(),g=a.$slider.children(),a.options.rows>1){for(h=a.options.slidesPerRow*a.options.rows,f=Math.ceil(g.length/h),b=0;f>b;b++){var i=document.createElement("div");for(c=0;c<a.options.rows;c++){var j=document.createElement("div");for(d=0;d<a.options.slidesPerRow;d++){var k=b*h+(c*a.options.slidesPerRow+d);g.get(k)&&j.appendChild(g.get(k))}i.appendChild(j)}e.appendChild(i)}a.$slider.empty().append(e),a.$slider.children().children().children().css({width:100/a.options.slidesPerRow+"%",display:"inline-block"})}},b.prototype.checkResponsive=function(b,c){var e,f,g,d=this,h=!1,i=d.$slider.width(),j=window.innerWidth||a(window).width();if("window"===d.respondTo?g=j:"slider"===d.respondTo?g=i:"min"===d.respondTo&&(g=Math.min(j,i)),d.options.responsive&&d.options.responsive.length&&null!==d.options.responsive){f=null;for(e in d.breakpoints)d.breakpoints.hasOwnProperty(e)&&(d.originalSettings.mobileFirst===!1?g<d.breakpoints[e]&&(f=d.breakpoints[e]):g>d.breakpoints[e]&&(f=d.breakpoints[e]));null!==f?null!==d.activeBreakpoint?(f!==d.activeBreakpoint||c)&&(d.activeBreakpoint=f,"unslick"===d.breakpointSettings[f]?d.unslick(f):(d.options=a.extend({},d.originalSettings,d.breakpointSettings[f]),b===!0&&(d.currentSlide=d.options.initialSlide),d.refresh(b)),h=f):(d.activeBreakpoint=f,"unslick"===d.breakpointSettings[f]?d.unslick(f):(d.options=a.extend({},d.originalSettings,d.breakpointSettings[f]),b===!0&&(d.currentSlide=d.options.initialSlide),d.refresh(b)),h=f):null!==d.activeBreakpoint&&(d.activeBreakpoint=null,d.options=d.originalSettings,b===!0&&(d.currentSlide=d.options.initialSlide),d.refresh(b),h=f),b||h===!1||d.$slider.trigger("breakpoint",[d,h])}},b.prototype.changeSlide=function(b,c){var f,g,h,d=this,e=a(b.currentTarget);switch(e.is("a")&&b.preventDefault(),e.is("li")||(e=e.closest("li")),h=d.slideCount%d.options.slidesToScroll!==0,f=h?0:(d.slideCount-d.currentSlide)%d.options.slidesToScroll,b.data.message){case"previous":g=0===f?d.options.slidesToScroll:d.options.slidesToShow-f,d.slideCount>d.options.slidesToShow&&d.slideHandler(d.currentSlide-g,!1,c);break;case"next":g=0===f?d.options.slidesToScroll:f,d.slideCount>d.options.slidesToShow&&d.slideHandler(d.currentSlide+g,!1,c);break;case"index":var i=0===b.data.index?0:b.data.index||e.index()*d.options.slidesToScroll;d.slideHandler(d.checkNavigable(i),!1,c),e.children().trigger("focus");break;default:return}},b.prototype.checkNavigable=function(a){var c,d,b=this;if(c=b.getNavigableIndexes(),d=0,a>c[c.length-1])a=c[c.length-1];else for(var e in c){if(a<c[e]){a=d;break}d=c[e]}return a},b.prototype.cleanUpEvents=function(){var b=this;b.options.dots&&null!==b.$dots&&a("li",b.$dots).off("click.slick",b.changeSlide).off("mouseenter.slick",a.proxy(b.interrupt,b,!0)).off("mouseleave.slick",a.proxy(b.interrupt,b,!1)),b.$slider.off("focus.slick blur.slick"),b.options.arrows===!0&&b.slideCount>b.options.slidesToShow&&(b.$prevArrow&&b.$prevArrow.off("click.slick",b.changeSlide),b.$nextArrow&&b.$nextArrow.off("click.slick",b.changeSlide)),b.$list.off("touchstart.slick mousedown.slick",b.swipeHandler),b.$list.off("touchmove.slick mousemove.slick",b.swipeHandler),b.$list.off("touchend.slick mouseup.slick",b.swipeHandler),b.$list.off("touchcancel.slick mouseleave.slick",b.swipeHandler),b.$list.off("click.slick",b.clickHandler),a(document).off(b.visibilityChange,b.visibility),b.cleanUpSlideEvents(),b.options.accessibility===!0&&b.$list.off("keydown.slick",b.keyHandler),b.options.focusOnSelect===!0&&a(b.$slideTrack).children().off("click.slick",b.selectHandler),a(window).off("orientationchange.slick.slick-"+b.instanceUid,b.orientationChange),a(window).off("resize.slick.slick-"+b.instanceUid,b.resize),a("[draggable!=true]",b.$slideTrack).off("dragstart",b.preventDefault),a(window).off("load.slick.slick-"+b.instanceUid,b.setPosition),a(document).off("ready.slick.slick-"+b.instanceUid,b.setPosition)},b.prototype.cleanUpSlideEvents=function(){var b=this;b.$list.off("mouseenter.slick",a.proxy(b.interrupt,b,!0)),b.$list.off("mouseleave.slick",a.proxy(b.interrupt,b,!1))},b.prototype.cleanUpRows=function(){var b,a=this;a.options.rows>1&&(b=a.$slides.children().children(),b.removeAttr("style"),a.$slider.empty().append(b))},b.prototype.clickHandler=function(a){var b=this;b.shouldClick===!1&&(a.stopImmediatePropagation(),a.stopPropagation(),a.preventDefault())},b.prototype.destroy=function(b){var c=this;c.autoPlayClear(),c.touchObject={},c.cleanUpEvents(),a(".slick-cloned",c.$slider).detach(),c.$dots&&c.$dots.remove(),c.$prevArrow&&c.$prevArrow.length&&(c.$prevArrow.removeClass("slick-disabled slick-arrow slick-hidden").removeAttr("aria-hidden aria-disabled tabindex").css("display",""),c.htmlExpr.test(c.options.prevArrow)&&c.$prevArrow.remove()),c.$nextArrow&&c.$nextArrow.length&&(c.$nextArrow.removeClass("slick-disabled slick-arrow slick-hidden").removeAttr("aria-hidden aria-disabled tabindex").css("display",""),c.htmlExpr.test(c.options.nextArrow)&&c.$nextArrow.remove()),c.$slides&&(c.$slides.removeClass("slick-slide slick-active slick-center slick-visible slick-current").removeAttr("aria-hidden").removeAttr("data-slick-index").each(function(){a(this).attr("style",a(this).data("originalStyling"))}),c.$slideTrack.children(this.options.slide).detach(),c.$slideTrack.detach(),c.$list.detach(),c.$slider.append(c.$slides)),c.cleanUpRows(),c.$slider.removeClass("slick-slider"),c.$slider.removeClass("slick-initialized"),c.$slider.removeClass("slick-dotted"),c.unslicked=!0,b||c.$slider.trigger("destroy",[c])},b.prototype.disableTransition=function(a){var b=this,c={};c[b.transitionType]="",b.options.fade===!1?b.$slideTrack.css(c):b.$slides.eq(a).css(c)},b.prototype.fadeSlide=function(a,b){var c=this;c.cssTransitions===!1?(c.$slides.eq(a).css({zIndex:c.options.zIndex}),c.$slides.eq(a).animate({opacity:1},c.options.speed,c.options.easing,b)):(c.applyTransition(a),c.$slides.eq(a).css({opacity:1,zIndex:c.options.zIndex}),b&&setTimeout(function(){c.disableTransition(a),b.call()},c.options.speed))},b.prototype.fadeSlideOut=function(a){var b=this;b.cssTransitions===!1?b.$slides.eq(a).animate({opacity:0,zIndex:b.options.zIndex-2},b.options.speed,b.options.easing):(b.applyTransition(a),b.$slides.eq(a).css({opacity:0,zIndex:b.options.zIndex-2}))},b.prototype.filterSlides=b.prototype.slickFilter=function(a){var b=this;null!==a&&(b.$slidesCache=b.$slides,b.unload(),b.$slideTrack.children(this.options.slide).detach(),b.$slidesCache.filter(a).appendTo(b.$slideTrack),b.reinit())},b.prototype.focusHandler=function(){var b=this;b.$slider.off("focus.slick blur.slick").on("focus.slick blur.slick","*:not(.slick-arrow)",function(c){c.stopImmediatePropagation();var d=a(this);setTimeout(function(){b.options.pauseOnFocus&&(b.focussed=d.is(":focus"),b.autoPlay())},0)})},b.prototype.getCurrent=b.prototype.slickCurrentSlide=function(){var a=this;return a.currentSlide},b.prototype.getDotCount=function(){var a=this,b=0,c=0,d=0;if(a.options.infinite===!0)for(;b<a.slideCount;)++d,b=c+a.options.slidesToScroll,c+=a.options.slidesToScroll<=a.options.slidesToShow?a.options.slidesToScroll:a.options.slidesToShow;else if(a.options.centerMode===!0)d=a.slideCount;else if(a.options.asNavFor)for(;b<a.slideCount;)++d,b=c+a.options.slidesToScroll,c+=a.options.slidesToScroll<=a.options.slidesToShow?a.options.slidesToScroll:a.options.slidesToShow;else d=1+Math.ceil((a.slideCount-a.options.slidesToShow)/a.options.slidesToScroll);return d-1},b.prototype.getLeft=function(a){var c,d,f,b=this,e=0;return b.slideOffset=0,d=b.$slides.first().outerHeight(!0),b.options.infinite===!0?(b.slideCount>b.options.slidesToShow&&(b.slideOffset=b.slideWidth*b.options.slidesToShow*-1,e=d*b.options.slidesToShow*-1),b.slideCount%b.options.slidesToScroll!==0&&a+b.options.slidesToScroll>b.slideCount&&b.slideCount>b.options.slidesToShow&&(a>b.slideCount?(b.slideOffset=(b.options.slidesToShow-(a-b.slideCount))*b.slideWidth*-1,e=(b.options.slidesToShow-(a-b.slideCount))*d*-1):(b.slideOffset=b.slideCount%b.options.slidesToScroll*b.slideWidth*-1,e=b.slideCount%b.options.slidesToScroll*d*-1))):a+b.options.slidesToShow>b.slideCount&&(b.slideOffset=(a+b.options.slidesToShow-b.slideCount)*b.slideWidth,e=(a+b.options.slidesToShow-b.slideCount)*d),b.slideCount<=b.options.slidesToShow&&(b.slideOffset=0,e=0),b.options.centerMode===!0&&b.options.infinite===!0?b.slideOffset+=b.slideWidth*Math.floor(b.options.slidesToShow/2)-b.slideWidth:b.options.centerMode===!0&&(b.slideOffset=0,b.slideOffset+=b.slideWidth*Math.floor(b.options.slidesToShow/2)),c=b.options.vertical===!1?a*b.slideWidth*-1+b.slideOffset:a*d*-1+e,b.options.variableWidth===!0&&(f=b.slideCount<=b.options.slidesToShow||b.options.infinite===!1?b.$slideTrack.children(".slick-slide").eq(a):b.$slideTrack.children(".slick-slide").eq(a+b.options.slidesToShow),c=b.options.rtl===!0?f[0]?-1*(b.$slideTrack.width()-f[0].offsetLeft-f.width()):0:f[0]?-1*f[0].offsetLeft:0,b.options.centerMode===!0&&(f=b.slideCount<=b.options.slidesToShow||b.options.infinite===!1?b.$slideTrack.children(".slick-slide").eq(a):b.$slideTrack.children(".slick-slide").eq(a+b.options.slidesToShow+1),c=b.options.rtl===!0?f[0]?-1*(b.$slideTrack.width()-f[0].offsetLeft-f.width()):0:f[0]?-1*f[0].offsetLeft:0,c+=(b.$list.width()-f.outerWidth())/2)),c},b.prototype.getOption=b.prototype.slickGetOption=function(a){var b=this;return b.options[a]},b.prototype.getNavigableIndexes=function(){var e,a=this,b=0,c=0,d=[];for(a.options.infinite===!1?e=a.slideCount:(b=-1*a.options.slidesToScroll,c=-1*a.options.slidesToScroll,e=2*a.slideCount);e>b;)d.push(b),b=c+a.options.slidesToScroll,c+=a.options.slidesToScroll<=a.options.slidesToShow?a.options.slidesToScroll:a.options.slidesToShow;return d},b.prototype.getSlick=function(){return this},b.prototype.getSlideCount=function(){var c,d,e,b=this;return e=b.options.centerMode===!0?b.slideWidth*Math.floor(b.options.slidesToShow/2):0,b.options.swipeToSlide===!0?(b.$slideTrack.find(".slick-slide").each(function(c,f){return f.offsetLeft-e+a(f).outerWidth()/2>-1*b.swipeLeft?(d=f,!1):void 0}),c=Math.abs(a(d).attr("data-slick-index")-b.currentSlide)||1):b.options.slidesToScroll},b.prototype.goTo=b.prototype.slickGoTo=function(a,b){var c=this;c.changeSlide({data:{message:"index",index:parseInt(a)}},b)},b.prototype.init=function(b){var c=this;a(c.$slider).hasClass("slick-initialized")||(a(c.$slider).addClass("slick-initialized"),c.buildRows(),c.buildOut(),c.setProps(),c.startLoad(),c.loadSlider(),c.initializeEvents(),c.updateArrows(),c.updateDots(),c.checkResponsive(!0),c.focusHandler()),b&&c.$slider.trigger("init",[c]),c.options.accessibility===!0&&c.initADA(),c.options.autoplay&&(c.paused=!1,c.autoPlay())},b.prototype.initADA=function(){var b=this;b.$slides.add(b.$slideTrack.find(".slick-cloned")).attr({"aria-hidden":"true",tabindex:"-1"}).find("a, input, button, select").attr({tabindex:"-1"}),b.$slideTrack.attr("role","listbox"),b.$slides.not(b.$slideTrack.find(".slick-cloned")).each(function(c){a(this).attr({role:"option","aria-describedby":"slick-slide"+b.instanceUid+c})}),null!==b.$dots&&b.$dots.attr("role","tablist").find("li").each(function(c){a(this).attr({role:"presentation","aria-selected":"false","aria-controls":"navigation"+b.instanceUid+c,id:"slick-slide"+b.instanceUid+c})}).first().attr("aria-selected","true").end().find("button").attr("role","button").end().closest("div").attr("role","toolbar"),b.activateADA()},b.prototype.initArrowEvents=function(){var a=this;a.options.arrows===!0&&a.slideCount>a.options.slidesToShow&&(a.$prevArrow.off("click.slick").on("click.slick",{message:"previous"},a.changeSlide),a.$nextArrow.off("click.slick").on("click.slick",{message:"next"},a.changeSlide))},b.prototype.initDotEvents=function(){var b=this;b.options.dots===!0&&b.slideCount>b.options.slidesToShow&&a("li",b.$dots).on("click.slick",{message:"index"},b.changeSlide),b.options.dots===!0&&b.options.pauseOnDotsHover===!0&&a("li",b.$dots).on("mouseenter.slick",a.proxy(b.interrupt,b,!0)).on("mouseleave.slick",a.proxy(b.interrupt,b,!1))},b.prototype.initSlideEvents=function(){var b=this;b.options.pauseOnHover&&(b.$list.on("mouseenter.slick",a.proxy(b.interrupt,b,!0)),b.$list.on("mouseleave.slick",a.proxy(b.interrupt,b,!1)))},b.prototype.initializeEvents=function(){var b=this;b.initArrowEvents(),b.initDotEvents(),b.initSlideEvents(),b.$list.on("touchstart.slick mousedown.slick",{action:"start"},b.swipeHandler),b.$list.on("touchmove.slick mousemove.slick",{action:"move"},b.swipeHandler),b.$list.on("touchend.slick mouseup.slick",{action:"end"},b.swipeHandler),b.$list.on("touchcancel.slick mouseleave.slick",{action:"end"},b.swipeHandler),b.$list.on("click.slick",b.clickHandler),a(document).on(b.visibilityChange,a.proxy(b.visibility,b)),b.options.accessibility===!0&&b.$list.on("keydown.slick",b.keyHandler),b.options.focusOnSelect===!0&&a(b.$slideTrack).children().on("click.slick",b.selectHandler),a(window).on("orientationchange.slick.slick-"+b.instanceUid,a.proxy(b.orientationChange,b)),a(window).on("resize.slick.slick-"+b.instanceUid,a.proxy(b.resize,b)),a("[draggable!=true]",b.$slideTrack).on("dragstart",b.preventDefault),a(window).on("load.slick.slick-"+b.instanceUid,b.setPosition),a(document).on("ready.slick.slick-"+b.instanceUid,b.setPosition)},b.prototype.initUI=function(){var a=this;a.options.arrows===!0&&a.slideCount>a.options.slidesToShow&&(a.$prevArrow.show(),a.$nextArrow.show()),a.options.dots===!0&&a.slideCount>a.options.slidesToShow&&a.$dots.show()},b.prototype.keyHandler=function(a){var b=this;a.target.tagName.match("TEXTAREA|INPUT|SELECT")||(37===a.keyCode&&b.options.accessibility===!0?b.changeSlide({data:{message:b.options.rtl===!0?"next":"previous"}}):39===a.keyCode&&b.options.accessibility===!0&&b.changeSlide({data:{message:b.options.rtl===!0?"previous":"next"}}))},b.prototype.lazyLoad=function(){function g(c){a("img[data-lazy]",c).each(function(){var c=a(this),d=a(this).attr("data-lazy"),e=document.createElement("img");e.onload=function(){c.animate({opacity:0},100,function(){c.attr("src",d).animate({opacity:1},200,function(){c.removeAttr("data-lazy").removeClass("slick-loading")}),b.$slider.trigger("lazyLoaded",[b,c,d])})},e.onerror=function(){c.removeAttr("data-lazy").removeClass("slick-loading").addClass("slick-lazyload-error"),b.$slider.trigger("lazyLoadError",[b,c,d])},e.src=d})}var c,d,e,f,b=this;b.options.centerMode===!0?b.options.infinite===!0?(e=b.currentSlide+(b.options.slidesToShow/2+1),f=e+b.options.slidesToShow+2):(e=Math.max(0,b.currentSlide-(b.options.slidesToShow/2+1)),f=2+(b.options.slidesToShow/2+1)+b.currentSlide):(e=b.options.infinite?b.options.slidesToShow+b.currentSlide:b.currentSlide,f=Math.ceil(e+b.options.slidesToShow),b.options.fade===!0&&(e>0&&e--,f<=b.slideCount&&f++)),c=b.$slider.find(".slick-slide").slice(e,f),g(c),b.slideCount<=b.options.slidesToShow?(d=b.$slider.find(".slick-slide"),g(d)):b.currentSlide>=b.slideCount-b.options.slidesToShow?(d=b.$slider.find(".slick-cloned").slice(0,b.options.slidesToShow),g(d)):0===b.currentSlide&&(d=b.$slider.find(".slick-cloned").slice(-1*b.options.slidesToShow),g(d))},b.prototype.loadSlider=function(){var a=this;a.setPosition(),a.$slideTrack.css({opacity:1}),a.$slider.removeClass("slick-loading"),a.initUI(),"progressive"===a.options.lazyLoad&&a.progressiveLazyLoad()},b.prototype.next=b.prototype.slickNext=function(){var a=this;a.changeSlide({data:{message:"next"}})},b.prototype.orientationChange=function(){var a=this;a.checkResponsive(),a.setPosition()},b.prototype.pause=b.prototype.slickPause=function(){var a=this;a.autoPlayClear(),a.paused=!0},b.prototype.play=b.prototype.slickPlay=function(){var a=this;a.autoPlay(),a.options.autoplay=!0,a.paused=!1,a.focussed=!1,a.interrupted=!1},b.prototype.postSlide=function(a){var b=this;b.unslicked||(b.$slider.trigger("afterChange",[b,a]),b.animating=!1,b.setPosition(),b.swipeLeft=null,b.options.autoplay&&b.autoPlay(),b.options.accessibility===!0&&b.initADA())},b.prototype.prev=b.prototype.slickPrev=function(){var a=this;a.changeSlide({data:{message:"previous"}})},b.prototype.preventDefault=function(a){a.preventDefault()},b.prototype.progressiveLazyLoad=function(b){b=b||1;var e,f,g,c=this,d=a("img[data-lazy]",c.$slider);d.length?(e=d.first(),f=e.attr("data-lazy"),g=document.createElement("img"),g.onload=function(){e.attr("src",f).removeAttr("data-lazy").removeClass("slick-loading"),c.options.adaptiveHeight===!0&&c.setPosition(),c.$slider.trigger("lazyLoaded",[c,e,f]),c.progressiveLazyLoad()},g.onerror=function(){3>b?setTimeout(function(){c.progressiveLazyLoad(b+1)},500):(e.removeAttr("data-lazy").removeClass("slick-loading").addClass("slick-lazyload-error"),c.$slider.trigger("lazyLoadError",[c,e,f]),c.progressiveLazyLoad())},g.src=f):c.$slider.trigger("allImagesLoaded",[c])},b.prototype.refresh=function(b){var d,e,c=this;e=c.slideCount-c.options.slidesToShow,!c.options.infinite&&c.currentSlide>e&&(c.currentSlide=e),c.slideCount<=c.options.slidesToShow&&(c.currentSlide=0),d=c.currentSlide,c.destroy(!0),a.extend(c,c.initials,{currentSlide:d}),c.init(),b||c.changeSlide({data:{message:"index",index:d}},!1)},b.prototype.registerBreakpoints=function(){var c,d,e,b=this,f=b.options.responsive||null;if("array"===a.type(f)&&f.length){b.respondTo=b.options.respondTo||"window";for(c in f)if(e=b.breakpoints.length-1,d=f[c].breakpoint,f.hasOwnProperty(c)){for(;e>=0;)b.breakpoints[e]&&b.breakpoints[e]===d&&b.breakpoints.splice(e,1),e--;b.breakpoints.push(d),b.breakpointSettings[d]=f[c].settings}b.breakpoints.sort(function(a,c){return b.options.mobileFirst?a-c:c-a})}},b.prototype.reinit=function(){var b=this;b.$slides=b.$slideTrack.children(b.options.slide).addClass("slick-slide"),b.slideCount=b.$slides.length,b.currentSlide>=b.slideCount&&0!==b.currentSlide&&(b.currentSlide=b.currentSlide-b.options.slidesToScroll),b.slideCount<=b.options.slidesToShow&&(b.currentSlide=0),b.registerBreakpoints(),b.setProps(),b.setupInfinite(),b.buildArrows(),b.updateArrows(),b.initArrowEvents(),b.buildDots(),b.updateDots(),b.initDotEvents(),b.cleanUpSlideEvents(),b.initSlideEvents(),b.checkResponsive(!1,!0),b.options.focusOnSelect===!0&&a(b.$slideTrack).children().on("click.slick",b.selectHandler),b.setSlideClasses("number"==typeof b.currentSlide?b.currentSlide:0),b.setPosition(),b.focusHandler(),b.paused=!b.options.autoplay,b.autoPlay(),b.$slider.trigger("reInit",[b])},b.prototype.resize=function(){var b=this;a(window).width()!==b.windowWidth&&(clearTimeout(b.windowDelay),b.windowDelay=window.setTimeout(function(){b.windowWidth=a(window).width(),b.checkResponsive(),b.unslicked||b.setPosition()},50))},b.prototype.removeSlide=b.prototype.slickRemove=function(a,b,c){var d=this;return"boolean"==typeof a?(b=a,a=b===!0?0:d.slideCount-1):a=b===!0?--a:a,d.slideCount<1||0>a||a>d.slideCount-1?!1:(d.unload(),c===!0?d.$slideTrack.children().remove():d.$slideTrack.children(this.options.slide).eq(a).remove(),d.$slides=d.$slideTrack.children(this.options.slide),d.$slideTrack.children(this.options.slide).detach(),d.$slideTrack.append(d.$slides),d.$slidesCache=d.$slides,void d.reinit())},b.prototype.setCSS=function(a){var d,e,b=this,c={};b.options.rtl===!0&&(a=-a),d="left"==b.positionProp?Math.ceil(a)+"px":"0px",e="top"==b.positionProp?Math.ceil(a)+"px":"0px",c[b.positionProp]=a,b.transformsEnabled===!1?b.$slideTrack.css(c):(c={},b.cssTransitions===!1?(c[b.animType]="translate("+d+", "+e+")",b.$slideTrack.css(c)):(c[b.animType]="translate3d("+d+", "+e+", 0px)",b.$slideTrack.css(c)))},b.prototype.setDimensions=function(){var a=this;a.options.vertical===!1?a.options.centerMode===!0&&a.$list.css({padding:"0px "+a.options.centerPadding}):(a.$list.height(a.$slides.first().outerHeight(!0)*a.options.slidesToShow),a.options.centerMode===!0&&a.$list.css({padding:a.options.centerPadding+" 0px"})),a.listWidth=a.$list.width(),a.listHeight=a.$list.height(),a.options.vertical===!1&&a.options.variableWidth===!1?(a.slideWidth=Math.ceil(a.listWidth/a.options.slidesToShow),a.$slideTrack.width(Math.ceil(a.slideWidth*a.$slideTrack.children(".slick-slide").length))):a.options.variableWidth===!0?a.$slideTrack.width(5e3*a.slideCount):(a.slideWidth=Math.ceil(a.listWidth),a.$slideTrack.height(Math.ceil(a.$slides.first().outerHeight(!0)*a.$slideTrack.children(".slick-slide").length)));var b=a.$slides.first().outerWidth(!0)-a.$slides.first().width();a.options.variableWidth===!1&&a.$slideTrack.children(".slick-slide").width(a.slideWidth-b)},b.prototype.setFade=function(){var c,b=this;b.$slides.each(function(d,e){c=b.slideWidth*d*-1,b.options.rtl===!0?a(e).css({position:"relative",right:c,top:0,zIndex:b.options.zIndex-2,opacity:0}):a(e).css({position:"relative",left:c,top:0,zIndex:b.options.zIndex-2,opacity:0})}),b.$slides.eq(b.currentSlide).css({zIndex:b.options.zIndex-1,opacity:1})},b.prototype.setHeight=function(){var a=this;if(1===a.options.slidesToShow&&a.options.adaptiveHeight===!0&&a.options.vertical===!1){var b=a.$slides.eq(a.currentSlide).outerHeight(!0);a.$list.css("height",b)}},b.prototype.setOption=b.prototype.slickSetOption=function(){var c,d,e,f,h,b=this,g=!1;if("object"===a.type(arguments[0])?(e=arguments[0],g=arguments[1],h="multiple"):"string"===a.type(arguments[0])&&(e=arguments[0],f=arguments[1],g=arguments[2],"responsive"===arguments[0]&&"array"===a.type(arguments[1])?h="responsive":"undefined"!=typeof arguments[1]&&(h="single")),"single"===h)b.options[e]=f;else if("multiple"===h)a.each(e,function(a,c){b.options[a]=c});else if("responsive"===h)for(d in f)if("array"!==a.type(b.options.responsive))b.options.responsive=[f[d]];else{for(c=b.options.responsive.length-1;c>=0;)b.options.responsive[c].breakpoint===f[d].breakpoint&&b.options.responsive.splice(c,1),c--;b.options.responsive.push(f[d])}g&&(b.unload(),b.reinit())},b.prototype.setPosition=function(){var a=this;a.setDimensions(),a.setHeight(),a.options.fade===!1?a.setCSS(a.getLeft(a.currentSlide)):a.setFade(),a.$slider.trigger("setPosition",[a])},b.prototype.setProps=function(){var a=this,b=document.body.style;a.positionProp=a.options.vertical===!0?"top":"left","top"===a.positionProp?a.$slider.addClass("slick-vertical"):a.$slider.removeClass("slick-vertical"),(void 0!==b.WebkitTransition||void 0!==b.MozTransition||void 0!==b.msTransition)&&a.options.useCSS===!0&&(a.cssTransitions=!0),a.options.fade&&("number"==typeof a.options.zIndex?a.options.zIndex<3&&(a.options.zIndex=3):a.options.zIndex=a.defaults.zIndex),void 0!==b.OTransform&&(a.animType="OTransform",a.transformType="-o-transform",a.transitionType="OTransition",void 0===b.perspectiveProperty&&void 0===b.webkitPerspective&&(a.animType=!1)),void 0!==b.MozTransform&&(a.animType="MozTransform",a.transformType="-moz-transform",a.transitionType="MozTransition",void 0===b.perspectiveProperty&&void 0===b.MozPerspective&&(a.animType=!1)),void 0!==b.webkitTransform&&(a.animType="webkitTransform",a.transformType="-webkit-transform",a.transitionType="webkitTransition",void 0===b.perspectiveProperty&&void 0===b.webkitPerspective&&(a.animType=!1)),void 0!==b.msTransform&&(a.animType="msTransform",a.transformType="-ms-transform",a.transitionType="msTransition",void 0===b.msTransform&&(a.animType=!1)),void 0!==b.transform&&a.animType!==!1&&(a.animType="transform",a.transformType="transform",a.transitionType="transition"),a.transformsEnabled=a.options.useTransform&&null!==a.animType&&a.animType!==!1},b.prototype.setSlideClasses=function(a){var c,d,e,f,b=this;d=b.$slider.find(".slick-slide").removeClass("slick-active slick-center slick-current").attr("aria-hidden","true"),b.$slides.eq(a).addClass("slick-current"),b.options.centerMode===!0?(c=Math.floor(b.options.slidesToShow/2),b.options.infinite===!0&&(a>=c&&a<=b.slideCount-1-c?b.$slides.slice(a-c,a+c+1).addClass("slick-active").attr("aria-hidden","false"):(e=b.options.slidesToShow+a,
|
18
|
-
d.slice(e-c+1,e+c+2).addClass("slick-active").attr("aria-hidden","false")),0===a?d.eq(d.length-1-b.options.slidesToShow).addClass("slick-center"):a===b.slideCount-1&&d.eq(b.options.slidesToShow).addClass("slick-center")),b.$slides.eq(a).addClass("slick-center")):a>=0&&a<=b.slideCount-b.options.slidesToShow?b.$slides.slice(a,a+b.options.slidesToShow).addClass("slick-active").attr("aria-hidden","false"):d.length<=b.options.slidesToShow?d.addClass("slick-active").attr("aria-hidden","false"):(f=b.slideCount%b.options.slidesToShow,e=b.options.infinite===!0?b.options.slidesToShow+a:a,b.options.slidesToShow==b.options.slidesToScroll&&b.slideCount-a<b.options.slidesToShow?d.slice(e-(b.options.slidesToShow-f),e+f).addClass("slick-active").attr("aria-hidden","false"):d.slice(e,e+b.options.slidesToShow).addClass("slick-active").attr("aria-hidden","false")),"ondemand"===b.options.lazyLoad&&b.lazyLoad()},b.prototype.setupInfinite=function(){var c,d,e,b=this;if(b.options.fade===!0&&(b.options.centerMode=!1),b.options.infinite===!0&&b.options.fade===!1&&(d=null,b.slideCount>b.options.slidesToShow)){for(e=b.options.centerMode===!0?b.options.slidesToShow+1:b.options.slidesToShow,c=b.slideCount;c>b.slideCount-e;c-=1)d=c-1,a(b.$slides[d]).clone(!0).attr("id","").attr("data-slick-index",d-b.slideCount).prependTo(b.$slideTrack).addClass("slick-cloned");for(c=0;e>c;c+=1)d=c,a(b.$slides[d]).clone(!0).attr("id","").attr("data-slick-index",d+b.slideCount).appendTo(b.$slideTrack).addClass("slick-cloned");b.$slideTrack.find(".slick-cloned").find("[id]").each(function(){a(this).attr("id","")})}},b.prototype.interrupt=function(a){var b=this;a||b.autoPlay(),b.interrupted=a},b.prototype.selectHandler=function(b){var c=this,d=a(b.target).is(".slick-slide")?a(b.target):a(b.target).parents(".slick-slide"),e=parseInt(d.attr("data-slick-index"));return e||(e=0),c.slideCount<=c.options.slidesToShow?(c.setSlideClasses(e),void c.asNavFor(e)):void c.slideHandler(e)},b.prototype.slideHandler=function(a,b,c){var d,e,f,g,j,h=null,i=this;return b=b||!1,i.animating===!0&&i.options.waitForAnimate===!0||i.options.fade===!0&&i.currentSlide===a||i.slideCount<=i.options.slidesToShow?void 0:(b===!1&&i.asNavFor(a),d=a,h=i.getLeft(d),g=i.getLeft(i.currentSlide),i.currentLeft=null===i.swipeLeft?g:i.swipeLeft,i.options.infinite===!1&&i.options.centerMode===!1&&(0>a||a>i.getDotCount()*i.options.slidesToScroll)?void(i.options.fade===!1&&(d=i.currentSlide,c!==!0?i.animateSlide(g,function(){i.postSlide(d)}):i.postSlide(d))):i.options.infinite===!1&&i.options.centerMode===!0&&(0>a||a>i.slideCount-i.options.slidesToScroll)?void(i.options.fade===!1&&(d=i.currentSlide,c!==!0?i.animateSlide(g,function(){i.postSlide(d)}):i.postSlide(d))):(i.options.autoplay&&clearInterval(i.autoPlayTimer),e=0>d?i.slideCount%i.options.slidesToScroll!==0?i.slideCount-i.slideCount%i.options.slidesToScroll:i.slideCount+d:d>=i.slideCount?i.slideCount%i.options.slidesToScroll!==0?0:d-i.slideCount:d,i.animating=!0,i.$slider.trigger("beforeChange",[i,i.currentSlide,e]),f=i.currentSlide,i.currentSlide=e,i.setSlideClasses(i.currentSlide),i.options.asNavFor&&(j=i.getNavTarget(),j=j.slick("getSlick"),j.slideCount<=j.options.slidesToShow&&j.setSlideClasses(i.currentSlide)),i.updateDots(),i.updateArrows(),i.options.fade===!0?(c!==!0?(i.fadeSlideOut(f),i.fadeSlide(e,function(){i.postSlide(e)})):i.postSlide(e),void i.animateHeight()):void(c!==!0?i.animateSlide(h,function(){i.postSlide(e)}):i.postSlide(e))))},b.prototype.startLoad=function(){var a=this;a.options.arrows===!0&&a.slideCount>a.options.slidesToShow&&(a.$prevArrow.hide(),a.$nextArrow.hide()),a.options.dots===!0&&a.slideCount>a.options.slidesToShow&&a.$dots.hide(),a.$slider.addClass("slick-loading")},b.prototype.swipeDirection=function(){var a,b,c,d,e=this;return a=e.touchObject.startX-e.touchObject.curX,b=e.touchObject.startY-e.touchObject.curY,c=Math.atan2(b,a),d=Math.round(180*c/Math.PI),0>d&&(d=360-Math.abs(d)),45>=d&&d>=0?e.options.rtl===!1?"left":"right":360>=d&&d>=315?e.options.rtl===!1?"left":"right":d>=135&&225>=d?e.options.rtl===!1?"right":"left":e.options.verticalSwiping===!0?d>=35&&135>=d?"down":"up":"vertical"},b.prototype.swipeEnd=function(a){var c,d,b=this;if(b.dragging=!1,b.interrupted=!1,b.shouldClick=b.touchObject.swipeLength>10?!1:!0,void 0===b.touchObject.curX)return!1;if(b.touchObject.edgeHit===!0&&b.$slider.trigger("edge",[b,b.swipeDirection()]),b.touchObject.swipeLength>=b.touchObject.minSwipe){switch(d=b.swipeDirection()){case"left":case"down":c=b.options.swipeToSlide?b.checkNavigable(b.currentSlide+b.getSlideCount()):b.currentSlide+b.getSlideCount(),b.currentDirection=0;break;case"right":case"up":c=b.options.swipeToSlide?b.checkNavigable(b.currentSlide-b.getSlideCount()):b.currentSlide-b.getSlideCount(),b.currentDirection=1}"vertical"!=d&&(b.slideHandler(c),b.touchObject={},b.$slider.trigger("swipe",[b,d]))}else b.touchObject.startX!==b.touchObject.curX&&(b.slideHandler(b.currentSlide),b.touchObject={})},b.prototype.swipeHandler=function(a){var b=this;if(!(b.options.swipe===!1||"ontouchend"in document&&b.options.swipe===!1||b.options.draggable===!1&&-1!==a.type.indexOf("mouse")))switch(b.touchObject.fingerCount=a.originalEvent&&void 0!==a.originalEvent.touches?a.originalEvent.touches.length:1,b.touchObject.minSwipe=b.listWidth/b.options.touchThreshold,b.options.verticalSwiping===!0&&(b.touchObject.minSwipe=b.listHeight/b.options.touchThreshold),a.data.action){case"start":b.swipeStart(a);break;case"move":b.swipeMove(a);break;case"end":b.swipeEnd(a)}},b.prototype.swipeMove=function(a){var d,e,f,g,h,b=this;return h=void 0!==a.originalEvent?a.originalEvent.touches:null,!b.dragging||h&&1!==h.length?!1:(d=b.getLeft(b.currentSlide),b.touchObject.curX=void 0!==h?h[0].pageX:a.clientX,b.touchObject.curY=void 0!==h?h[0].pageY:a.clientY,b.touchObject.swipeLength=Math.round(Math.sqrt(Math.pow(b.touchObject.curX-b.touchObject.startX,2))),b.options.verticalSwiping===!0&&(b.touchObject.swipeLength=Math.round(Math.sqrt(Math.pow(b.touchObject.curY-b.touchObject.startY,2)))),e=b.swipeDirection(),"vertical"!==e?(void 0!==a.originalEvent&&b.touchObject.swipeLength>4&&a.preventDefault(),g=(b.options.rtl===!1?1:-1)*(b.touchObject.curX>b.touchObject.startX?1:-1),b.options.verticalSwiping===!0&&(g=b.touchObject.curY>b.touchObject.startY?1:-1),f=b.touchObject.swipeLength,b.touchObject.edgeHit=!1,b.options.infinite===!1&&(0===b.currentSlide&&"right"===e||b.currentSlide>=b.getDotCount()&&"left"===e)&&(f=b.touchObject.swipeLength*b.options.edgeFriction,b.touchObject.edgeHit=!0),b.options.vertical===!1?b.swipeLeft=d+f*g:b.swipeLeft=d+f*(b.$list.height()/b.listWidth)*g,b.options.verticalSwiping===!0&&(b.swipeLeft=d+f*g),b.options.fade===!0||b.options.touchMove===!1?!1:b.animating===!0?(b.swipeLeft=null,!1):void b.setCSS(b.swipeLeft)):void 0)},b.prototype.swipeStart=function(a){var c,b=this;return b.interrupted=!0,1!==b.touchObject.fingerCount||b.slideCount<=b.options.slidesToShow?(b.touchObject={},!1):(void 0!==a.originalEvent&&void 0!==a.originalEvent.touches&&(c=a.originalEvent.touches[0]),b.touchObject.startX=b.touchObject.curX=void 0!==c?c.pageX:a.clientX,b.touchObject.startY=b.touchObject.curY=void 0!==c?c.pageY:a.clientY,void(b.dragging=!0))},b.prototype.unfilterSlides=b.prototype.slickUnfilter=function(){var a=this;null!==a.$slidesCache&&(a.unload(),a.$slideTrack.children(this.options.slide).detach(),a.$slidesCache.appendTo(a.$slideTrack),a.reinit())},b.prototype.unload=function(){var b=this;a(".slick-cloned",b.$slider).remove(),b.$dots&&b.$dots.remove(),b.$prevArrow&&b.htmlExpr.test(b.options.prevArrow)&&b.$prevArrow.remove(),b.$nextArrow&&b.htmlExpr.test(b.options.nextArrow)&&b.$nextArrow.remove(),b.$slides.removeClass("slick-slide slick-active slick-visible slick-current").attr("aria-hidden","true").css("width","")},b.prototype.unslick=function(a){var b=this;b.$slider.trigger("unslick",[b,a]),b.destroy()},b.prototype.updateArrows=function(){var b,a=this;b=Math.floor(a.options.slidesToShow/2),a.options.arrows===!0&&a.slideCount>a.options.slidesToShow&&!a.options.infinite&&(a.$prevArrow.removeClass("slick-disabled").attr("aria-disabled","false"),a.$nextArrow.removeClass("slick-disabled").attr("aria-disabled","false"),0===a.currentSlide?(a.$prevArrow.addClass("slick-disabled").attr("aria-disabled","true"),a.$nextArrow.removeClass("slick-disabled").attr("aria-disabled","false")):a.currentSlide>=a.slideCount-a.options.slidesToShow&&a.options.centerMode===!1?(a.$nextArrow.addClass("slick-disabled").attr("aria-disabled","true"),a.$prevArrow.removeClass("slick-disabled").attr("aria-disabled","false")):a.currentSlide>=a.slideCount-1&&a.options.centerMode===!0&&(a.$nextArrow.addClass("slick-disabled").attr("aria-disabled","true"),a.$prevArrow.removeClass("slick-disabled").attr("aria-disabled","false")))},b.prototype.updateDots=function(){var a=this;null!==a.$dots&&(a.$dots.find("li").removeClass("slick-active").attr("aria-hidden","true"),a.$dots.find("li").eq(Math.floor(a.currentSlide/a.options.slidesToScroll)).addClass("slick-active").attr("aria-hidden","false"))},b.prototype.visibility=function(){var a=this;a.options.autoplay&&(document[a.hidden]?a.interrupted=!0:a.interrupted=!1)},a.fn.slick=function(){var f,g,a=this,c=arguments[0],d=Array.prototype.slice.call(arguments,1),e=a.length;for(f=0;e>f;f++)if("object"==typeof c||"undefined"==typeof c?a[f].slick=new b(a[f],c):g=a[f].slick[c].apply(a[f].slick,d),"undefined"!=typeof g)return g;return a}});
|
@@ -1,79 +0,0 @@
|
|
1
|
-
.catalog {
|
2
|
-
$catalog-bottom-padding: 300px;
|
3
|
-
@include outer-container;
|
4
|
-
@include pad($section-pad $outer-pad $catalog-bottom-padding);
|
5
|
-
display: flex;
|
6
|
-
|
7
|
-
@include media($mobile) {
|
8
|
-
@include pad($section-pad/2 $outer-pad $catalog-bottom-padding);
|
9
|
-
}
|
10
|
-
|
11
|
-
&__nav {
|
12
|
-
@include span-columns(3);
|
13
|
-
|
14
|
-
@include media($mobile) {
|
15
|
-
display: none;
|
16
|
-
}
|
17
|
-
}
|
18
|
-
|
19
|
-
&__items {
|
20
|
-
@include span-columns(9);
|
21
|
-
display: flex;
|
22
|
-
flex-direction: column;
|
23
|
-
|
24
|
-
&--centered {
|
25
|
-
@include shift(1.5);
|
26
|
-
}
|
27
|
-
|
28
|
-
@include media($mobile) {
|
29
|
-
@include span-columns(12);
|
30
|
-
@include shift(0);
|
31
|
-
}
|
32
|
-
}
|
33
|
-
|
34
|
-
&__header {
|
35
|
-
display: flex;
|
36
|
-
align-items: center;
|
37
|
-
justify-content: space-between;
|
38
|
-
padding: 30px 0 20px;
|
39
|
-
min-height: 60px;
|
40
|
-
|
41
|
-
&--top {
|
42
|
-
padding-top: 0;
|
43
|
-
}
|
44
|
-
}
|
45
|
-
|
46
|
-
&__title {
|
47
|
-
font-size: 22px;
|
48
|
-
font-weight: normal;
|
49
|
-
color: $heading-color;
|
50
|
-
margin: 0;
|
51
|
-
|
52
|
-
@include media($mobile) {
|
53
|
-
font-size: 18px;
|
54
|
-
}
|
55
|
-
}
|
56
|
-
|
57
|
-
&__action {
|
58
|
-
margin: 0;
|
59
|
-
}
|
60
|
-
|
61
|
-
&__section {
|
62
|
-
@keyframes fadeIn {
|
63
|
-
from {
|
64
|
-
opacity: 0;
|
65
|
-
}
|
66
|
-
to {
|
67
|
-
opacity: 1;
|
68
|
-
}
|
69
|
-
}
|
70
|
-
|
71
|
-
&--fadeIn {
|
72
|
-
animation: fadeIn 0.4s $CurveFastOutSlowIn forwards;
|
73
|
-
}
|
74
|
-
|
75
|
-
&--hidden {
|
76
|
-
visibility: hidden;
|
77
|
-
}
|
78
|
-
}
|
79
|
-
}
|
@@ -1,289 +0,0 @@
|
|
1
|
-
.component {
|
2
|
-
@include outer-container;
|
3
|
-
@include pad($section-pad + 80 $outer-pad);
|
4
|
-
transition: transform 0.6s $CurveFastOutSlowIn, opacity 0.6s $CurveFastOutSlowIn;
|
5
|
-
|
6
|
-
@include media($mobile) {
|
7
|
-
@include pad($section-pad / 2 $outer-pad $section-pad);
|
8
|
-
}
|
9
|
-
|
10
|
-
&--previewOpen {
|
11
|
-
transform: translate3d(0, 60px, 0);
|
12
|
-
opacity: 0;
|
13
|
-
}
|
14
|
-
|
15
|
-
&__meta {
|
16
|
-
@include span-columns(4);
|
17
|
-
|
18
|
-
@include media($mobile) {
|
19
|
-
@include span-columns(12);
|
20
|
-
}
|
21
|
-
}
|
22
|
-
|
23
|
-
&__details {
|
24
|
-
@include span-columns(8);
|
25
|
-
padding-left: 20px;
|
26
|
-
|
27
|
-
@include media($mobile) {
|
28
|
-
@include span-columns(12);
|
29
|
-
padding-left: 0;
|
30
|
-
}
|
31
|
-
}
|
32
|
-
|
33
|
-
&__content {
|
34
|
-
h2 {
|
35
|
-
font-size: 24px;
|
36
|
-
}
|
37
|
-
|
38
|
-
h3 {
|
39
|
-
font-size: 20px;
|
40
|
-
}
|
41
|
-
|
42
|
-
h4 {
|
43
|
-
font-size: 18px;
|
44
|
-
}
|
45
|
-
}
|
46
|
-
|
47
|
-
&__metaCard {
|
48
|
-
margin-bottom: 30px;
|
49
|
-
|
50
|
-
&--mobile {
|
51
|
-
display: none;
|
52
|
-
|
53
|
-
@include media($mobile) {
|
54
|
-
display: block;
|
55
|
-
margin-top: 50px;
|
56
|
-
}
|
57
|
-
}
|
58
|
-
|
59
|
-
&--desktop {
|
60
|
-
display: block;
|
61
|
-
|
62
|
-
@include media($mobile) {
|
63
|
-
display: none;
|
64
|
-
}
|
65
|
-
}
|
66
|
-
}
|
67
|
-
|
68
|
-
&__metaCardHeading {
|
69
|
-
margin-bottom: 10px;
|
70
|
-
font-size: 12px;
|
71
|
-
letter-spacing: 0.08em;
|
72
|
-
color: rgba($black, 0.4);
|
73
|
-
text-transform: uppercase;
|
74
|
-
font-weight: 600;
|
75
|
-
}
|
76
|
-
|
77
|
-
&__metaCardContent {
|
78
|
-
background: $white;
|
79
|
-
border: $base-border;
|
80
|
-
border-radius: $base-border-radius;
|
81
|
-
}
|
82
|
-
|
83
|
-
&__metaCardThumbnail {
|
84
|
-
height: 220px;
|
85
|
-
border-bottom: $base-border;
|
86
|
-
display: flex;
|
87
|
-
background-size: cover;
|
88
|
-
background-position: center;
|
89
|
-
background-repeat: no-repeat;
|
90
|
-
border-radius: $base-border-radius $base-border-radius 0 0;
|
91
|
-
overflow: hidden;
|
92
|
-
|
93
|
-
@include media($mobile) {
|
94
|
-
border: 0;
|
95
|
-
}
|
96
|
-
}
|
97
|
-
|
98
|
-
&__metaCard--mobile &__metaCardThumbnail {
|
99
|
-
border-radius: $base-border-radius;
|
100
|
-
}
|
101
|
-
|
102
|
-
&__metaCardLinkList {
|
103
|
-
list-style-type: none;
|
104
|
-
margin: 0;
|
105
|
-
padding: 10px 0;
|
106
|
-
}
|
107
|
-
|
108
|
-
&__metaCardLinkItem {
|
109
|
-
margin: 0;
|
110
|
-
padding: 0;
|
111
|
-
}
|
112
|
-
|
113
|
-
&__metaCardLink {
|
114
|
-
display: block;
|
115
|
-
color: $text-color;
|
116
|
-
padding: 10px 20px;
|
117
|
-
margin: 0;
|
118
|
-
border: 0;
|
119
|
-
font-size: 16px;
|
120
|
-
|
121
|
-
&:hover {
|
122
|
-
border: 0;
|
123
|
-
}
|
124
|
-
}
|
125
|
-
|
126
|
-
&__metaCardRelatedList {
|
127
|
-
list-style-type: none;
|
128
|
-
margin: 0;
|
129
|
-
}
|
130
|
-
|
131
|
-
&__metaCardRelatedItem {
|
132
|
-
margin: 0;
|
133
|
-
padding: 0;
|
134
|
-
border-bottom: $base-border;
|
135
|
-
|
136
|
-
&:last-child {
|
137
|
-
border-bottom: 0;
|
138
|
-
}
|
139
|
-
}
|
140
|
-
|
141
|
-
&__metaCardRelatedLink {
|
142
|
-
display: flex;
|
143
|
-
flex-direction: row;
|
144
|
-
align-items: center;
|
145
|
-
color: $heading-color;
|
146
|
-
padding: 10px;
|
147
|
-
margin: 0;
|
148
|
-
border: 0;
|
149
|
-
font-size: 16px;
|
150
|
-
|
151
|
-
&:hover {
|
152
|
-
border: 0;
|
153
|
-
color: $primary-color;
|
154
|
-
}
|
155
|
-
}
|
156
|
-
|
157
|
-
&__metaCardRelatedThumbnail {
|
158
|
-
width: 68px;
|
159
|
-
height: 46px;
|
160
|
-
border: $base-border;
|
161
|
-
border-radius: $base-border-radius;
|
162
|
-
background-size: cover;
|
163
|
-
background-position: center;
|
164
|
-
background-repeat: no-repeat;
|
165
|
-
margin-right: 15px;
|
166
|
-
}
|
167
|
-
|
168
|
-
&__metaCardRelatedTitle {
|
169
|
-
font-size: 16px;
|
170
|
-
line-height: 20px;
|
171
|
-
font-weight: 600;
|
172
|
-
white-space: nowrap;
|
173
|
-
overflow: hidden;
|
174
|
-
text-overflow: ellipsis;
|
175
|
-
}
|
176
|
-
|
177
|
-
&__summaryHeader {
|
178
|
-
display: flex;
|
179
|
-
flex-direction: column;
|
180
|
-
|
181
|
-
@include media($mobile) {
|
182
|
-
align-items: center;
|
183
|
-
}
|
184
|
-
}
|
185
|
-
|
186
|
-
&__summaryAuthor {
|
187
|
-
border: 0;
|
188
|
-
display: flex;
|
189
|
-
align-items: center;
|
190
|
-
margin-bottom: 10px;
|
191
|
-
align-self: flex-start;
|
192
|
-
|
193
|
-
@include media($mobile) {
|
194
|
-
align-self: center;
|
195
|
-
}
|
196
|
-
|
197
|
-
&:hover {
|
198
|
-
border: 0;
|
199
|
-
}
|
200
|
-
}
|
201
|
-
|
202
|
-
&__summaryAuthorAvatar {
|
203
|
-
width: 25px;
|
204
|
-
height: 25px;
|
205
|
-
border-radius: 50%;
|
206
|
-
margin-right: 10px;
|
207
|
-
}
|
208
|
-
|
209
|
-
&__summaryAuthorName {
|
210
|
-
font-size: 16px;
|
211
|
-
color: $text-color;
|
212
|
-
}
|
213
|
-
|
214
|
-
&__summaryDetails {
|
215
|
-
display: flex;
|
216
|
-
margin-bottom: 30px;
|
217
|
-
|
218
|
-
@include media($mobile) {
|
219
|
-
flex-direction: column;
|
220
|
-
align-items: center;
|
221
|
-
}
|
222
|
-
}
|
223
|
-
|
224
|
-
&__summaryTitle {
|
225
|
-
font-size: 32px;
|
226
|
-
margin: 0;
|
227
|
-
white-space: nowrap;
|
228
|
-
overflow: hidden;
|
229
|
-
text-overflow: ellipsis;
|
230
|
-
|
231
|
-
@include media($mobile) {
|
232
|
-
margin-bottom: 30px;
|
233
|
-
}
|
234
|
-
}
|
235
|
-
|
236
|
-
&__summaryActions {
|
237
|
-
margin-left: auto;
|
238
|
-
align-self: flex-end;
|
239
|
-
flex-shrink: 0;
|
240
|
-
display: flex;
|
241
|
-
|
242
|
-
@include media($mobile) {
|
243
|
-
margin-left: 0;
|
244
|
-
align-self: center;
|
245
|
-
}
|
246
|
-
}
|
247
|
-
|
248
|
-
&__summaryAction {
|
249
|
-
margin-right: 10px;
|
250
|
-
margin-bottom: 0;
|
251
|
-
|
252
|
-
&:last-child {
|
253
|
-
margin-right: 0;
|
254
|
-
}
|
255
|
-
}
|
256
|
-
|
257
|
-
&__tag {
|
258
|
-
display: flex;
|
259
|
-
flex-wrap: wrap;
|
260
|
-
margin: 30px 0 20px;
|
261
|
-
}
|
262
|
-
|
263
|
-
&__tagItem {
|
264
|
-
$tagColor: #E7E7E7;
|
265
|
-
background: $tagColor;
|
266
|
-
font-size: 16px;
|
267
|
-
color: $text-color;
|
268
|
-
height: 40px;
|
269
|
-
padding: 0 15px;
|
270
|
-
display: flex;
|
271
|
-
align-items: center;
|
272
|
-
justify-content: center;
|
273
|
-
border-radius: $base-border-radius;
|
274
|
-
margin-right: 15px;
|
275
|
-
text-transform: capitalize;
|
276
|
-
line-height: 40px;
|
277
|
-
margin-bottom: 15px;
|
278
|
-
transition: all 0.2s ease;
|
279
|
-
border: 0;
|
280
|
-
|
281
|
-
&:hover,
|
282
|
-
&:focus,
|
283
|
-
&:active {
|
284
|
-
border: 0;
|
285
|
-
color: $text-color;
|
286
|
-
background: darken($tagColor, 10%);
|
287
|
-
}
|
288
|
-
}
|
289
|
-
}
|
@@ -1,33 +0,0 @@
|
|
1
|
-
.actionPrompt {
|
2
|
-
background: $white;
|
3
|
-
border: $base-border;
|
4
|
-
border-radius: $base-border-radius;
|
5
|
-
padding: 10px 20px;
|
6
|
-
font-size: 16px;
|
7
|
-
line-height: 16px;
|
8
|
-
font-weight: 600;
|
9
|
-
display: flex;
|
10
|
-
align-items: center;
|
11
|
-
flex: 1;
|
12
|
-
|
13
|
-
@include media($mobile) {
|
14
|
-
flex-direction: column;
|
15
|
-
justify-content: center;
|
16
|
-
text-align: center;
|
17
|
-
padding: 20px;
|
18
|
-
}
|
19
|
-
|
20
|
-
&__button {
|
21
|
-
margin: 0;
|
22
|
-
margin-left: auto;
|
23
|
-
|
24
|
-
@include media($mobile) {
|
25
|
-
flex-direction: column;
|
26
|
-
justify-content: center;
|
27
|
-
margin-left: 0;
|
28
|
-
left: 0;
|
29
|
-
margin-top: 10px;
|
30
|
-
align-self: center;
|
31
|
-
}
|
32
|
-
}
|
33
|
-
}
|
@@ -1,182 +0,0 @@
|
|
1
|
-
.carousel {
|
2
|
-
display: flex;
|
3
|
-
flex-direction: column;
|
4
|
-
position: relative;
|
5
|
-
border-radius: $base-border-radius;
|
6
|
-
overflow: hidden;
|
7
|
-
transform: translateZ(0);
|
8
|
-
margin-bottom: 30px;
|
9
|
-
|
10
|
-
&__slides {
|
11
|
-
transition: all 0.3s $CurveFastOutSlowIn;
|
12
|
-
overflow: hidden;
|
13
|
-
opacity: 0;
|
14
|
-
min-height: 333px;
|
15
|
-
|
16
|
-
&.slick-initialized {
|
17
|
-
opacity: 1;
|
18
|
-
height: auto;
|
19
|
-
}
|
20
|
-
|
21
|
-
@include media($mobile) {
|
22
|
-
min-height: auto;
|
23
|
-
}
|
24
|
-
}
|
25
|
-
|
26
|
-
&__item {
|
27
|
-
background-size: cover;
|
28
|
-
background-repeat: no-repeat;
|
29
|
-
background-position: center;
|
30
|
-
border: 0;
|
31
|
-
display: none;
|
32
|
-
align-items: center;
|
33
|
-
justify-content: center;
|
34
|
-
flex-direction: column;
|
35
|
-
padding: 100px 20px;
|
36
|
-
|
37
|
-
&:focus,
|
38
|
-
&:hover,
|
39
|
-
&:active {
|
40
|
-
outline: none;
|
41
|
-
border: 0;
|
42
|
-
}
|
43
|
-
}
|
44
|
-
|
45
|
-
.slick-initialized &__item {
|
46
|
-
display: flex;
|
47
|
-
}
|
48
|
-
|
49
|
-
&__control {
|
50
|
-
$outer-margin: 10px;
|
51
|
-
|
52
|
-
position: absolute;
|
53
|
-
top: 50%;
|
54
|
-
transform: translateY(-50%);
|
55
|
-
background: rgba($black, 0.4);
|
56
|
-
margin: 0;
|
57
|
-
border: 0;
|
58
|
-
padding: 25px 15px;
|
59
|
-
border-radius: $base-border-radius;
|
60
|
-
transition: all 0.3s ease;
|
61
|
-
|
62
|
-
&:hover,
|
63
|
-
&:active,
|
64
|
-
&:focus {
|
65
|
-
outline: none;
|
66
|
-
background: $primary-color;
|
67
|
-
}
|
68
|
-
|
69
|
-
&--prev {
|
70
|
-
left: $outer-margin;
|
71
|
-
}
|
72
|
-
|
73
|
-
&--next {
|
74
|
-
right: $outer-margin;
|
75
|
-
}
|
76
|
-
|
77
|
-
@include media($mobile) {
|
78
|
-
display: none;
|
79
|
-
}
|
80
|
-
}
|
81
|
-
|
82
|
-
&__chevron {
|
83
|
-
display: flex;
|
84
|
-
align-items: center;
|
85
|
-
justify-content: center;
|
86
|
-
position: relative;
|
87
|
-
}
|
88
|
-
|
89
|
-
&__control--next &__chevron {
|
90
|
-
left: 2px;
|
91
|
-
}
|
92
|
-
|
93
|
-
&__control--prev &__chevron {
|
94
|
-
left: -2px;
|
95
|
-
}
|
96
|
-
|
97
|
-
&__dots {
|
98
|
-
position: absolute;
|
99
|
-
left: 0;
|
100
|
-
right: 0;
|
101
|
-
bottom: 20px;
|
102
|
-
display: flex;
|
103
|
-
align-items: center;
|
104
|
-
justify-content: center;
|
105
|
-
list-style-type: none;
|
106
|
-
margin: 0;
|
107
|
-
|
108
|
-
li {
|
109
|
-
margin: 0;
|
110
|
-
height: auto;
|
111
|
-
padding: 0 5px;
|
112
|
-
display: flex;
|
113
|
-
}
|
114
|
-
|
115
|
-
button {
|
116
|
-
@include size(10px);
|
117
|
-
color: transparent;
|
118
|
-
font-size: 0;
|
119
|
-
border: 0;
|
120
|
-
margin: 0;
|
121
|
-
padding: 0;
|
122
|
-
background: none;
|
123
|
-
border-radius: 50%;
|
124
|
-
background: rgba($white, 0.4);
|
125
|
-
transition: all 0.3s ease;
|
126
|
-
|
127
|
-
&:hover,
|
128
|
-
&:focus,
|
129
|
-
&:active {
|
130
|
-
outline: none;
|
131
|
-
background: rgba($white, 0.9);
|
132
|
-
}
|
133
|
-
}
|
134
|
-
|
135
|
-
.slick-active button {
|
136
|
-
background: rgba($white, 0.9);
|
137
|
-
}
|
138
|
-
}
|
139
|
-
|
140
|
-
&__author {
|
141
|
-
display: flex;
|
142
|
-
align-items: center;
|
143
|
-
|
144
|
-
@include media($mobile) {
|
145
|
-
display: none;
|
146
|
-
}
|
147
|
-
}
|
148
|
-
|
149
|
-
&__authorImage {
|
150
|
-
@include size(25px);
|
151
|
-
border-radius: 50%;
|
152
|
-
margin-right: 8px;
|
153
|
-
}
|
154
|
-
|
155
|
-
&__authorName {
|
156
|
-
font-size: 14px;
|
157
|
-
color: $white;
|
158
|
-
font-weight: 600;
|
159
|
-
}
|
160
|
-
|
161
|
-
&__logo {
|
162
|
-
height: 64px;
|
163
|
-
margin: 15px 0 10px;
|
164
|
-
}
|
165
|
-
|
166
|
-
&__title {
|
167
|
-
font-size: 48px;
|
168
|
-
display: flex;
|
169
|
-
align-items: center;
|
170
|
-
height: 64px;
|
171
|
-
color: $white;
|
172
|
-
margin: 10px 0 15px;
|
173
|
-
}
|
174
|
-
|
175
|
-
&__tag {
|
176
|
-
font-weight: 600;
|
177
|
-
color: rgba($white, 0.8);
|
178
|
-
text-transform: uppercase;
|
179
|
-
letter-spacing: 0.08em;
|
180
|
-
font-size: 12px;
|
181
|
-
}
|
182
|
-
}
|
@@ -1,92 +0,0 @@
|
|
1
|
-
.componentCard {
|
2
|
-
$card-padding: 20px;
|
3
|
-
flex: 1 0 auto;
|
4
|
-
display: flex;
|
5
|
-
flex-wrap: wrap;
|
6
|
-
perspective: 1000px;
|
7
|
-
|
8
|
-
&__item {
|
9
|
-
opacity: 1;
|
10
|
-
background: $white;
|
11
|
-
margin-bottom: $gutter;
|
12
|
-
transition: opacity 0.4s $CurveFastOutSlowIn 0s, transform 0.4s $CurveFastOutSlowIn 0s, box-shadow 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
13
|
-
display: flex;
|
14
|
-
flex-direction: column;
|
15
|
-
border: 0;
|
16
|
-
border-radius: $base-border-radius;
|
17
|
-
transform: translateZ(0);
|
18
|
-
will-change: transform, opacity, box-shadow;
|
19
|
-
|
20
|
-
&:focus,
|
21
|
-
&:hover,
|
22
|
-
&:active {
|
23
|
-
border: 0;
|
24
|
-
box-shadow: 0 9px 12px -6px rgba($black, 0.15), 0 18px 32px 3px rgba($black, 0.1), 0 8px 49px 7px rgba($black, 0.08);
|
25
|
-
}
|
26
|
-
|
27
|
-
@include media($desktop) {
|
28
|
-
@include span-columns(4);
|
29
|
-
@include omega(3n);
|
30
|
-
display: flex;
|
31
|
-
}
|
32
|
-
|
33
|
-
@include media($tablet) {
|
34
|
-
@include span-columns(6);
|
35
|
-
@include omega(2n);
|
36
|
-
display: flex;
|
37
|
-
}
|
38
|
-
|
39
|
-
@include media($mobile) {
|
40
|
-
@include span-columns(12);
|
41
|
-
@include omega(1n);
|
42
|
-
display: flex;
|
43
|
-
}
|
44
|
-
|
45
|
-
&--faded {
|
46
|
-
opacity: 0;
|
47
|
-
transform: translateZ(20px);
|
48
|
-
}
|
49
|
-
}
|
50
|
-
|
51
|
-
&__content {
|
52
|
-
border-radius: $base-border-radius;
|
53
|
-
padding: $card-padding;
|
54
|
-
border: $base-border;
|
55
|
-
display: flex;
|
56
|
-
flex: 1 0 auto;
|
57
|
-
flex-direction: column;
|
58
|
-
}
|
59
|
-
|
60
|
-
&__thumbnail {
|
61
|
-
$thumbnail-height: 130px;
|
62
|
-
@include border-top-radius($base-border-radius);
|
63
|
-
background-size: cover;
|
64
|
-
background-position: center;
|
65
|
-
background-repeat: no-repeat;
|
66
|
-
display: flex;
|
67
|
-
width: 100%;
|
68
|
-
height: $thumbnail-height;
|
69
|
-
overflow: hidden;
|
70
|
-
border: $base-border;
|
71
|
-
}
|
72
|
-
|
73
|
-
&__thumbnail + &__content {
|
74
|
-
@include border-top-radius(0);
|
75
|
-
border-top: 0;
|
76
|
-
}
|
77
|
-
|
78
|
-
&__title {
|
79
|
-
margin-bottom: 10px;
|
80
|
-
font-size: 16px;
|
81
|
-
color: $heading-color;
|
82
|
-
letter-spacing: normal;
|
83
|
-
font-weight: 600;
|
84
|
-
}
|
85
|
-
|
86
|
-
&__description {
|
87
|
-
margin: 0;
|
88
|
-
line-height: 1.5;
|
89
|
-
font-size: 14px;
|
90
|
-
color: $text-color;
|
91
|
-
}
|
92
|
-
}
|
@@ -1,99 +0,0 @@
|
|
1
|
-
.preview {
|
2
|
-
$preview-header-height: 65px;
|
3
|
-
@include position(fixed, 0 0 0 0);
|
4
|
-
display: flex;
|
5
|
-
align-items: center;
|
6
|
-
justify-content: center;
|
7
|
-
background: rgba($white, 0);
|
8
|
-
overflow: hidden;
|
9
|
-
z-index: 9999;
|
10
|
-
|
11
|
-
&--hidden {
|
12
|
-
display: none;
|
13
|
-
}
|
14
|
-
|
15
|
-
&__header {
|
16
|
-
@keyframes headerIntro {
|
17
|
-
from {
|
18
|
-
transform: translate3d(0, -100%, 0);
|
19
|
-
opacity: 0;
|
20
|
-
}
|
21
|
-
to {
|
22
|
-
transform: translate3d(0, 0, 0);
|
23
|
-
opacity: 1;
|
24
|
-
}
|
25
|
-
}
|
26
|
-
|
27
|
-
@include position(absolute, 0 0 null 0);
|
28
|
-
height: $preview-header-height;
|
29
|
-
background: $charcoal-grey;
|
30
|
-
display: flex;
|
31
|
-
align-items: center;
|
32
|
-
padding: 0 10px;
|
33
|
-
border-bottom: 1px solid rgba($white, 0.1);
|
34
|
-
animation: headerIntro 0.6s $CurveFastOutSlowIn;
|
35
|
-
}
|
36
|
-
|
37
|
-
&__backButton {
|
38
|
-
transition: background 0.2s ease;
|
39
|
-
background: none;
|
40
|
-
border: 0;
|
41
|
-
padding: 10px;
|
42
|
-
margin: 0 5px 0 0;
|
43
|
-
border-radius: $base-border-radius;
|
44
|
-
position: relative;
|
45
|
-
left: -3px;
|
46
|
-
box-sizing: border-box;
|
47
|
-
height: 44px;
|
48
|
-
|
49
|
-
&:hover,
|
50
|
-
&:active,
|
51
|
-
&:focus {
|
52
|
-
outline: none;
|
53
|
-
background: rgba($white, 0.1);
|
54
|
-
}
|
55
|
-
}
|
56
|
-
|
57
|
-
&__backIcon {
|
58
|
-
display: flex;
|
59
|
-
align-items: center;
|
60
|
-
justify-content: center;
|
61
|
-
fill: $white;
|
62
|
-
}
|
63
|
-
|
64
|
-
&__title {
|
65
|
-
font-size: 16px;
|
66
|
-
letter-spacing: normal;
|
67
|
-
color: $white;
|
68
|
-
margin: 0;
|
69
|
-
|
70
|
-
@include media($mobile) {
|
71
|
-
display: none;
|
72
|
-
}
|
73
|
-
}
|
74
|
-
|
75
|
-
&__action {
|
76
|
-
margin-left: auto;
|
77
|
-
}
|
78
|
-
|
79
|
-
&__content {
|
80
|
-
@include position(absolute, $preview-header-height 0 0 0);
|
81
|
-
height: calc(100% - #{$preview-header-height});
|
82
|
-
width: 100%;
|
83
|
-
background: $charcoal-grey;
|
84
|
-
|
85
|
-
&--hidden {
|
86
|
-
display: none;
|
87
|
-
}
|
88
|
-
}
|
89
|
-
|
90
|
-
&__iframe {
|
91
|
-
width: 100%;
|
92
|
-
height: 100%;
|
93
|
-
border: 0;
|
94
|
-
|
95
|
-
&--hidden {
|
96
|
-
display: none;
|
97
|
-
}
|
98
|
-
}
|
99
|
-
}
|