slick_rails 1.2.5.1 → 1.3.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.gitignore +1 -0
- data/app/assets/images/ajax-loader.gif +0 -0
- data/app/assets/javascripts/slick.js +662 -327
- data/app/assets/stylesheets/slick.css.scss +204 -0
- data/lib/slick_rails/version.rb +1 -1
- metadata +4 -6
- data/.DS_Store +0 -0
- data/app/.DS_Store +0 -0
- data/app/assets/.DS_Store +0 -0
- data/app/assets/stylesheets/slick.css +0 -55
@@ -0,0 +1,204 @@
|
|
1
|
+
/* Slider */
|
2
|
+
.slick-slider {
|
3
|
+
position: relative;
|
4
|
+
display: block;
|
5
|
+
box-sizing: border-box;
|
6
|
+
-moz-box-sizing: border-box;
|
7
|
+
-webkit-touch-callout: none;
|
8
|
+
-webkit-user-select: none;
|
9
|
+
-khtml-user-select: none;
|
10
|
+
-moz-user-select: none;
|
11
|
+
-ms-user-select: none;
|
12
|
+
user-select: none;
|
13
|
+
-ms-touch-action: none;
|
14
|
+
touch-action: none;
|
15
|
+
}
|
16
|
+
.slick-list {
|
17
|
+
position: relative;
|
18
|
+
overflow: hidden;
|
19
|
+
display: block;
|
20
|
+
margin: 0;
|
21
|
+
padding: 0;
|
22
|
+
|
23
|
+
&:focus {
|
24
|
+
outline: none;
|
25
|
+
}
|
26
|
+
|
27
|
+
.slick-loading & {
|
28
|
+
background: #fff url(./ajax-loader.gif) center center no-repeat;
|
29
|
+
}
|
30
|
+
|
31
|
+
&.dragging {
|
32
|
+
cursor: pointer;
|
33
|
+
cursor: hand;
|
34
|
+
}
|
35
|
+
}
|
36
|
+
.slick-slider .slick-list,
|
37
|
+
.slick-track,
|
38
|
+
.slick-slide,
|
39
|
+
.slick-slide img {
|
40
|
+
-webkit-transform: translate3d(0, 0, 0);
|
41
|
+
-moz-transform: translate3d(0, 0, 0);
|
42
|
+
-ms-transform: translate3d(0, 0, 0);
|
43
|
+
-o-transform: translate3d(0, 0, 0);
|
44
|
+
transform: translate3d(0, 0, 0);
|
45
|
+
}
|
46
|
+
.slick-track {
|
47
|
+
position: relative;
|
48
|
+
left: 0;
|
49
|
+
top: 0;
|
50
|
+
display: table;
|
51
|
+
|
52
|
+
&:after {
|
53
|
+
content:"";
|
54
|
+
display: table;
|
55
|
+
clear: both;
|
56
|
+
}
|
57
|
+
|
58
|
+
.slick-loading & {
|
59
|
+
visibility: hidden;
|
60
|
+
}
|
61
|
+
|
62
|
+
/* Vertical */
|
63
|
+
.slick-vertical & {
|
64
|
+
display: block;
|
65
|
+
}
|
66
|
+
}
|
67
|
+
.slick-slide {
|
68
|
+
float: left;
|
69
|
+
height: 100%;
|
70
|
+
min-height: 1px;
|
71
|
+
img {
|
72
|
+
display: block;
|
73
|
+
}
|
74
|
+
|
75
|
+
display: none;
|
76
|
+
|
77
|
+
&.loading {
|
78
|
+
background: url(./ajax-loader.gif) center center no-repeat;
|
79
|
+
position: relative;
|
80
|
+
}
|
81
|
+
|
82
|
+
&.dragging img {
|
83
|
+
pointer-events: none;
|
84
|
+
}
|
85
|
+
|
86
|
+
.slick-initialized & {
|
87
|
+
display: table-cell;
|
88
|
+
}
|
89
|
+
|
90
|
+
.slick-loading & {
|
91
|
+
visibility: hidden;
|
92
|
+
}
|
93
|
+
|
94
|
+
.slick-vertical & {
|
95
|
+
display: block;
|
96
|
+
height: auto;
|
97
|
+
border: 1px solid transparent;
|
98
|
+
}
|
99
|
+
}
|
100
|
+
/* Icons */
|
101
|
+
@charset"UTF-8";
|
102
|
+
@font-face {
|
103
|
+
font-family:"slick";
|
104
|
+
src:url("./fonts/slick.eot");
|
105
|
+
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");
|
106
|
+
font-weight: normal;
|
107
|
+
font-style: normal;
|
108
|
+
}
|
109
|
+
|
110
|
+
|
111
|
+
/* Arrows */
|
112
|
+
.slick-prev,
|
113
|
+
.slick-next {
|
114
|
+
position: absolute;
|
115
|
+
display: block;
|
116
|
+
height: 20px;
|
117
|
+
width: 20px;
|
118
|
+
line-height: 0;
|
119
|
+
font-size: 0;
|
120
|
+
color: transparent;
|
121
|
+
top: 50%;
|
122
|
+
margin-top: -10px;
|
123
|
+
padding: 0;
|
124
|
+
&:focus {
|
125
|
+
outline: none
|
126
|
+
}
|
127
|
+
&.slick-disabled:before {
|
128
|
+
opacity: 0.25;
|
129
|
+
}
|
130
|
+
}
|
131
|
+
.slick-prev {
|
132
|
+
left: -25px;
|
133
|
+
&:before {
|
134
|
+
content:'\8592';
|
135
|
+
font-family:"slick";
|
136
|
+
font-size: 20px;
|
137
|
+
line-height: 1;
|
138
|
+
color: white;
|
139
|
+
opacity: 0.85;
|
140
|
+
-webkit-font-smoothing: antialiased;
|
141
|
+
-moz-osx-font-smoothing: grayscale;
|
142
|
+
}
|
143
|
+
}
|
144
|
+
.slick-next {
|
145
|
+
right: -25px;
|
146
|
+
&:before {
|
147
|
+
content:'\8594';
|
148
|
+
font-family:"slick";
|
149
|
+
font-size: 20px;
|
150
|
+
line-height: 1;
|
151
|
+
color: white;
|
152
|
+
opacity: 0.85;
|
153
|
+
-webkit-font-smoothing: antialiased;
|
154
|
+
-moz-osx-font-smoothing: grayscale;
|
155
|
+
}
|
156
|
+
}
|
157
|
+
/* Dots */
|
158
|
+
.slick-slider {
|
159
|
+
margin-bottom: 30px;
|
160
|
+
}
|
161
|
+
.slick-dots {
|
162
|
+
position: absolute;
|
163
|
+
bottom: -45px;
|
164
|
+
list-style: none;
|
165
|
+
display: block;
|
166
|
+
text-align: center;
|
167
|
+
padding: 0px;
|
168
|
+
width: 100%;
|
169
|
+
|
170
|
+
li {
|
171
|
+
position: relative;
|
172
|
+
display: inline-block;
|
173
|
+
height: 20px;
|
174
|
+
width: 20px;
|
175
|
+
margin: 0px 5px;
|
176
|
+
padding: 0px;
|
177
|
+
|
178
|
+
a {
|
179
|
+
display: block;
|
180
|
+
height: 20px;
|
181
|
+
width: 20px;
|
182
|
+
outline: none;
|
183
|
+
line-height: 0;
|
184
|
+
font-size: 0;
|
185
|
+
color: transparent;
|
186
|
+
padding: 5px;
|
187
|
+
|
188
|
+
&:before {
|
189
|
+
content:'\8226';
|
190
|
+
font-family:"slick";
|
191
|
+
font-size: 6px;
|
192
|
+
line-height: 2;
|
193
|
+
color: black;
|
194
|
+
opacity: 0.25;
|
195
|
+
-webkit-font-smoothing: antialiased;
|
196
|
+
-moz-osx-font-smoothing: grayscale;
|
197
|
+
}
|
198
|
+
}
|
199
|
+
|
200
|
+
&.slick-active a:before {
|
201
|
+
opacity: 0.75;
|
202
|
+
}
|
203
|
+
}
|
204
|
+
}
|
data/lib/slick_rails/version.rb
CHANGED
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: slick_rails
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 1.
|
4
|
+
version: 1.3.1
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Guy Israeli
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2014-
|
11
|
+
date: 2014-04-02 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: bundler
|
@@ -59,20 +59,18 @@ executables: []
|
|
59
59
|
extensions: []
|
60
60
|
extra_rdoc_files: []
|
61
61
|
files:
|
62
|
-
- ".DS_Store"
|
63
62
|
- ".gitignore"
|
64
63
|
- Gemfile
|
65
64
|
- LICENSE.txt
|
66
65
|
- README.md
|
67
66
|
- Rakefile
|
68
|
-
- app/.DS_Store
|
69
|
-
- app/assets/.DS_Store
|
70
67
|
- app/assets/fonts/slick.eot
|
71
68
|
- app/assets/fonts/slick.svg
|
72
69
|
- app/assets/fonts/slick.ttf
|
73
70
|
- app/assets/fonts/slick.woff
|
71
|
+
- app/assets/images/ajax-loader.gif
|
74
72
|
- app/assets/javascripts/slick.js
|
75
|
-
- app/assets/stylesheets/slick.css
|
73
|
+
- app/assets/stylesheets/slick.css.scss
|
76
74
|
- lib/slick_rails.rb
|
77
75
|
- lib/slick_rails/version.rb
|
78
76
|
- slick_rails.gemspec
|
data/.DS_Store
DELETED
Binary file
|
data/app/.DS_Store
DELETED
Binary file
|
data/app/assets/.DS_Store
DELETED
Binary file
|
@@ -1,55 +0,0 @@
|
|
1
|
-
/* Slider */
|
2
|
-
|
3
|
-
.slick-slider { position: relative; display: block; margin-bottom: 30px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none;}
|
4
|
-
.slick-list { overflow: hidden; display: block; margin: 0px; padding: 0px; }
|
5
|
-
.slick-track { position: relative; left: 0px; top: 0px; display: table;}
|
6
|
-
.slick-track:after { content: ""; display: table; clear: both; }
|
7
|
-
.slick-slide { float: left; height: 100%; min-height: 1px; }
|
8
|
-
.slick-slide img { display: block; }
|
9
|
-
.slick-slide { display: none; }
|
10
|
-
.slick-initialized .slick-slide { display: table-cell; }
|
11
|
-
|
12
|
-
/* Loading States */
|
13
|
-
|
14
|
-
.slick-loading .slick-track { visibility: hidden; }
|
15
|
-
.slick-loading .slick-list { background: #fff url(../img/ajax-loader.gif) center center no-repeat; }
|
16
|
-
.slick-loading .slick-slide { visibility: hidden; }
|
17
|
-
.slick-slide.loading { background: url(../img/ajax-loader.gif) center center no-repeat; position: relative;}
|
18
|
-
|
19
|
-
/* Icons */
|
20
|
-
|
21
|
-
@charset "UTF-8";
|
22
|
-
|
23
|
-
@font-face {
|
24
|
-
font-family: "slick";
|
25
|
-
src:url("../fonts/slick.eot");
|
26
|
-
src:url("../fonts/slick.eot?#iefix") format("embedded-opentype"),
|
27
|
-
url("../fonts/slick.woff") format("woff"),
|
28
|
-
url("../fonts/slick.ttf") format("truetype"),
|
29
|
-
url("../fonts/slick.svg#slick") format("svg");
|
30
|
-
font-weight: normal;
|
31
|
-
font-style: normal;
|
32
|
-
}
|
33
|
-
|
34
|
-
/* Arrows */
|
35
|
-
|
36
|
-
.slick-prev { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; color: transparent; top: 50%; margin-top: -10px; left: -25px; padding: 0px; }
|
37
|
-
.slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; color: transparent; top: 50%; margin-top: -10px; right: -25px; padding: 0px; }
|
38
|
-
.slick-prev:before { content: '\8592'; font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
|
39
|
-
.slick-next:before { content: '\8594'; font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
|
40
|
-
.slick-prev:focus { outline: none }
|
41
|
-
.slick-next:focus { outline: none }
|
42
|
-
.slick-prev.slick-disabled:before { opacity: 0.25; }
|
43
|
-
.slick-next.slick-disabled:before { opacity: 0.25; }
|
44
|
-
|
45
|
-
/* Dots */
|
46
|
-
|
47
|
-
.slick-dots { position: absolute; bottom: -35px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%;}
|
48
|
-
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; }
|
49
|
-
.slick-dots li a { display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; }
|
50
|
-
.slick-dots li a:before { content: '\8226'; font-family: "slick"; font-size: 6px; line-height: 2; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
|
51
|
-
.slick-dots li.slick-active a:before { opacity: 0.75; }
|
52
|
-
|
53
|
-
/* Draggable */
|
54
|
-
|
55
|
-
.slick-list.dragging { cursor: pointer; cursor: hand; }
|