slick_rails 1.3.15 → 1.4.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,187 @@
1
+ @charset "UTF-8";
2
+
3
+ // Default Variables
4
+
5
+ $slick-font-path: "./fonts/" !default;
6
+ $slick-font-family: "slick" !default;
7
+ $slick-loader-path: "./" !default;
8
+ $slick-arrow-color: white !default;
9
+ $slick-dot-color: black !default;
10
+ $slick-dot-color-active: $slick-dot-color !default;
11
+ $slick-prev-character: "←" !default;
12
+ $slick-next-character: "→" !default;
13
+ $slick-dot-character: "•" !default;
14
+ $slick-dot-size: 6px !default;
15
+ $slick-opacity-default: 0.75 !default;
16
+ $slick-opacity-on-hover: 1 !default;
17
+ $slick-opacity-not-active: 0.25 !default;
18
+
19
+ @function slick-image-url($url) {
20
+ @if function-exists(image-url) {
21
+ @return image-url($url);
22
+ }
23
+ @else {
24
+ @return url($slick-loader-path + $url);
25
+ }
26
+ }
27
+
28
+ @function slick-font-url($url) {
29
+ @if function-exists(font-url) {
30
+ @return font-url($url);
31
+ }
32
+ @else {
33
+ @return url($slick-font-path + $url);
34
+ }
35
+ }
36
+
37
+ /* Slider */
38
+
39
+ .slick-list {
40
+ .slick-loading & {
41
+ background: #fff slick-image-url("ajax-loader.gif") center center no-repeat;
42
+ }
43
+ }
44
+
45
+ /* Icons */
46
+ @if $slick-font-family == "slick" {
47
+ @font-face {
48
+ font-family: "slick";
49
+ src: slick-font-url("slick.eot");
50
+ src: slick-font-url("slick.eot?#iefix") format("embedded-opentype"), slick-font-url("slick.woff") format("woff"), slick-font-url("slick.ttf") format("truetype"), slick-font-url("slick.svg#slick") format("svg");
51
+ font-weight: normal;
52
+ font-style: normal;
53
+ }
54
+ }
55
+
56
+ /* Arrows */
57
+
58
+ .slick-prev,
59
+ .slick-next {
60
+ position: absolute;
61
+ display: block;
62
+ height: 20px;
63
+ width: 20px;
64
+ line-height: 0px;
65
+ font-size: 0px;
66
+ cursor: pointer;
67
+ background: transparent;
68
+ color: transparent;
69
+ top: 50%;
70
+ margin-top: -10px;
71
+ padding: 0;
72
+ border: none;
73
+ outline: none;
74
+ &:hover, &:focus {
75
+ outline: none;
76
+ background: transparent;
77
+ color: transparent;
78
+ &:before {
79
+ opacity: $slick-opacity-on-hover;
80
+ }
81
+ }
82
+ &.slick-disabled:before {
83
+ opacity: $slick-opacity-not-active;
84
+ }
85
+ }
86
+
87
+ .slick-prev:before, .slick-next:before {
88
+ font-family: $slick-font-family;
89
+ font-size: 20px;
90
+ line-height: 1;
91
+ color: $slick-arrow-color;
92
+ opacity: $slick-opacity-default;
93
+ -webkit-font-smoothing: antialiased;
94
+ -moz-osx-font-smoothing: grayscale;
95
+ }
96
+
97
+ .slick-prev {
98
+ left: -25px;
99
+ [dir="rtl"] & {
100
+ left: auto;
101
+ right: -25px;
102
+ }
103
+ &:before {
104
+ content: $slick-prev-character;
105
+ [dir="rtl"] & {
106
+ content: $slick-next-character;
107
+ }
108
+ }
109
+ }
110
+
111
+ .slick-next {
112
+ right: -25px;
113
+ [dir="rtl"] & {
114
+ left: -25px;
115
+ right: auto;
116
+ }
117
+ &:before {
118
+ content: $slick-next-character;
119
+ [dir="rtl"] & {
120
+ content: $slick-prev-character;
121
+ }
122
+ }
123
+ }
124
+
125
+ /* Dots */
126
+
127
+ .slick-slider {
128
+ margin-bottom: 30px;
129
+ }
130
+
131
+ .slick-dots {
132
+ position: absolute;
133
+ bottom: -45px;
134
+ list-style: none;
135
+ display: block;
136
+ text-align: center;
137
+ padding: 0;
138
+ width: 100%;
139
+ li {
140
+ position: relative;
141
+ display: inline-block;
142
+ height: 20px;
143
+ width: 20px;
144
+ margin: 0 5px;
145
+ padding: 0;
146
+ cursor: pointer;
147
+ button {
148
+ border: 0;
149
+ background: transparent;
150
+ display: block;
151
+ height: 20px;
152
+ width: 20px;
153
+ outline: none;
154
+ line-height: 0px;
155
+ font-size: 0px;
156
+ color: transparent;
157
+ padding: 5px;
158
+ cursor: pointer;
159
+ &:hover, &:focus {
160
+ outline: none;
161
+ &:before {
162
+ opacity: $slick-opacity-on-hover;
163
+ }
164
+ }
165
+ &:before {
166
+ position: absolute;
167
+ top: 0;
168
+ left: 0;
169
+ content: $slick-dot-character;
170
+ width: 20px;
171
+ height: 20px;
172
+ font-family: $slick-font-family;
173
+ font-size: $slick-dot-size;
174
+ line-height: 20px;
175
+ text-align: center;
176
+ color: $slick-dot-color;
177
+ opacity: $slick-opacity-not-active;
178
+ -webkit-font-smoothing: antialiased;
179
+ -moz-osx-font-smoothing: grayscale;
180
+ }
181
+ }
182
+ &.slick-active button:before {
183
+ color: $slick-dot-color-active;
184
+ opacity: $slick-opacity-default;
185
+ }
186
+ }
187
+ }
@@ -1,285 +1,116 @@
1
- @charset "UTF-8";
1
+ /* Slider */
2
+ .slick-slider
3
+ {
4
+ position: relative;
2
5
 
3
- // Default Variables
6
+ display: block;
4
7
 
5
- $slick-font-path: "./fonts/" !default;
6
- $slick-font-family: "slick" !default;
7
- $slick-loader-path: "./" !default;
8
- $slick-arrow-color: white !default;
9
- $slick-dot-color: black !default;
10
- $slick-dot-color-active: $slick-dot-color !default;
11
- $slick-prev-character: '\2190' !default;
12
- $slick-next-character: '\2192' !default;
13
- $slick-dot-character: '\2022' !default;
14
- $slick-dot-size: 6px !default;
15
- $slick-opacity-default: .75 !default;
16
- $slick-opacity-on-hover: 1 !default;
17
- $slick-opacity-not-active: .25 !default;
8
+ -moz-box-sizing: border-box;
9
+ box-sizing: border-box;
18
10
 
11
+ -webkit-user-select: none;
12
+ -moz-user-select: none;
13
+ -ms-user-select: none;
14
+ user-select: none;
19
15
 
20
- @function slick-image-url($url) {
21
- @if function-exists(image-url) {
22
- @return image-url($url);
23
- }
24
- @else {
25
- @return url($slick-loader-path + $url);
26
- }
16
+ -webkit-touch-callout: none;
17
+ -khtml-user-select: none;
18
+ -ms-touch-action: pan-y;
19
+ touch-action: pan-y;
20
+ -webkit-tap-highlight-color: transparent;
27
21
  }
28
22
 
29
- @function slick-font-url($url) {
30
- @if function-exists(font-url) {
31
- @return font-url($url);
32
- }
33
- @else {
34
- @return url($slick-font-path + $url);
35
- }
36
- }
23
+ .slick-list
24
+ {
25
+ position: relative;
37
26
 
38
- /* Slider */
27
+ display: block;
28
+ overflow: hidden;
39
29
 
40
- .slick-slider {
41
- position: relative;
42
- display: block;
43
- box-sizing: border-box;
44
- -moz-box-sizing: border-box;
45
- -webkit-touch-callout: none;
46
- -webkit-user-select: none;
47
- -khtml-user-select: none;
48
- -moz-user-select: none;
49
- -ms-user-select: none;
50
- user-select: none;
51
- -ms-touch-action: pan-y;
52
- touch-action: pan-y;
53
- -webkit-tap-highlight-color: transparent;
30
+ margin: 0;
31
+ padding: 0;
54
32
  }
55
- .slick-list {
56
- position: relative;
57
- overflow: hidden;
58
- display: block;
59
- margin: 0;
60
- padding: 0;
61
-
62
- &:focus {
63
- outline: none;
64
- }
65
-
66
- .slick-loading & {
67
- background: #fff slick-image-url("ajax-loader.gif") center center no-repeat;
68
- }
69
-
70
- &.dragging {
71
- cursor: pointer;
72
- cursor: hand;
73
- }
33
+ .slick-list:focus
34
+ {
35
+ outline: none;
74
36
  }
75
- .slick-slider .slick-track,
76
- .slick-slider .slick-list {
77
- -webkit-transform: translate3d(0, 0, 0);
78
- -moz-transform: translate3d(0, 0, 0);
79
- -ms-transform: translate3d(0, 0, 0);
80
- -o-transform: translate3d(0, 0, 0);
81
- transform: translate3d(0, 0, 0);
37
+ .slick-list.dragging
38
+ {
39
+ cursor: pointer;
40
+ cursor: hand;
82
41
  }
83
42
 
84
- .slick-track {
85
- position: relative;
86
- left: 0;
87
- top: 0;
88
- display: block;
89
-
90
- &:before,
91
- &:after {
92
- content: "";
93
- display: table;
94
- }
95
-
96
- &:after {
97
- clear: both;
98
- }
99
-
100
- .slick-loading & {
101
- visibility: hidden;
102
- }
43
+ .slick-slider .slick-track,
44
+ .slick-slider .slick-list
45
+ {
46
+ -webkit-transform: translate3d(0, 0, 0);
47
+ -moz-transform: translate3d(0, 0, 0);
48
+ -ms-transform: translate3d(0, 0, 0);
49
+ -o-transform: translate3d(0, 0, 0);
50
+ transform: translate3d(0, 0, 0);
103
51
  }
104
- .slick-slide {
105
- float: left;
106
- height: 100%;
107
- min-height: 1px;
108
- [dir="rtl"] & {
109
- float: right;
110
- }
111
- img {
112
- display: block;
113
- }
114
- &.slick-loading img {
115
- display: none;
116
- }
117
-
118
- display: none;
119
52
 
120
- &.dragging img {
121
- pointer-events: none;
122
- }
53
+ .slick-track
54
+ {
55
+ position: relative;
56
+ top: 0;
57
+ left: 0;
123
58
 
124
- .slick-initialized & {
125
- display: block;
126
- }
127
-
128
- .slick-loading & {
129
- visibility: hidden;
130
- }
131
-
132
- .slick-vertical & {
133
- display: block;
134
- height: auto;
135
- border: 1px solid transparent;
136
- }
59
+ display: block;
137
60
  }
61
+ .slick-track:before,
62
+ .slick-track:after
63
+ {
64
+ display: table;
138
65
 
139
- /* Icons */
140
- @if $slick-font-family == "slick" {
141
- @font-face {
142
- font-family:"slick";
143
- src: slick-font-url("slick.eot");
144
- src: slick-font-url("slick.eot?#iefix") format("embedded-opentype"),
145
- slick-font-url("slick.woff") format("woff"),
146
- slick-font-url("slick.ttf") format("truetype"),
147
- slick-font-url("slick.svg#slick") format("svg");
148
- font-weight: normal;
149
- font-style: normal;
150
- }
66
+ content: '';
67
+ }
68
+ .slick-track:after
69
+ {
70
+ clear: both;
71
+ }
72
+ .slick-loading .slick-track
73
+ {
74
+ visibility: hidden;
151
75
  }
152
76
 
153
- /* Arrows */
77
+ .slick-slide
78
+ {
79
+ display: none;
80
+ float: left;
154
81
 
155
- .slick-prev,
156
- .slick-next {
157
- position: absolute;
158
- display: block;
159
- height: 20px;
160
- width: 20px;
161
- line-height: 0;
162
- font-size: 0;
163
- cursor: pointer;
164
- background: transparent;
165
- color: transparent;
166
- top: 50%;
167
- margin-top: -10px;
168
- padding: 0;
169
- border: none;
170
- outline: none;
171
- &:hover, &:focus {
172
- outline: none;
173
- background: transparent;
174
- color: transparent;
175
- &:before {
176
- opacity: $slick-opacity-on-hover;
177
- }
178
- }
179
- &.slick-disabled:before {
180
- opacity: $slick-opacity-not-active;
181
- }
82
+ height: 100%;
83
+ min-height: 1px;
182
84
  }
183
- .slick-prev:before, .slick-next:before {
184
- font-family: $slick-font-family;
185
- font-size: 20px;
186
- line-height: 1;
187
- color: $slick-arrow-color;
188
- opacity: $slick-opacity-default;
189
- -webkit-font-smoothing: antialiased;
190
- -moz-osx-font-smoothing: grayscale;
85
+ [dir='rtl'] .slick-slide
86
+ {
87
+ float: right;
191
88
  }
192
- .slick-prev {
193
- left: -25px;
194
- [dir="rtl"] & {
195
- left: auto;
196
- right: -25px;
197
- }
198
- &:before {
199
- content: $slick-prev-character;
200
- [dir="rtl"] & {
201
- content: $slick-next-character;
202
- }
203
- }
89
+ .slick-slide img
90
+ {
91
+ display: block;
204
92
  }
205
- .slick-next {
206
- right: -25px;
207
- [dir="rtl"] & {
208
- left: -25px;
209
- right: auto;
210
- }
211
- &:before {
212
- content: $slick-next-character;
213
- [dir="rtl"] & {
214
- content: $slick-prev-character;
215
- }
216
- }
93
+ .slick-slide.slick-loading img
94
+ {
95
+ display: none;
217
96
  }
218
-
219
- /* Dots */
220
-
221
- .slick-slider {
222
- margin-bottom: 30px;
97
+ .slick-slide.dragging img
98
+ {
99
+ pointer-events: none;
223
100
  }
224
- .slick-dots {
225
- position: absolute;
226
- bottom: -45px;
227
- list-style: none;
228
- display: block;
229
- text-align: center;
230
- padding: 0;
231
- width: 100%;
232
-
233
- li {
234
- position: relative;
235
- display: inline-block;
236
- height: 20px;
237
- width: 20px;
238
- margin: 0 5px;
239
- padding: 0;
240
- cursor: pointer;
241
-
242
- button {
243
- border: 0;
244
- background: transparent;
245
- display: block;
246
- height: 20px;
247
- width: 20px;
248
- outline: none;
249
- line-height: 0;
250
- font-size: 0;
251
- color: transparent;
252
- padding: 5px;
253
- cursor: pointer;
254
- &:hover, &:focus {
255
- outline: none;
256
- &:before {
257
- opacity: $slick-opacity-on-hover;
258
- }
259
- }
260
-
261
- &:before {
262
- position: absolute;
263
- top: 0;
264
- left: 0;
265
- content: $slick-dot-character;
266
- width: 20px;
267
- height: 20px;
268
- font-family: $slick-font-family;
269
- font-size: $slick-dot-size;
270
- line-height: 20px;
271
- text-align: center;
272
- color: $slick-dot-color;
273
- opacity: $slick-opacity-not-active;
274
- -webkit-font-smoothing: antialiased;
275
- -moz-osx-font-smoothing: grayscale;
276
- }
101
+ .slick-initialized .slick-slide
102
+ {
103
+ display: block;
104
+ }
105
+ .slick-loading .slick-slide
106
+ {
107
+ visibility: hidden;
108
+ }
109
+ .slick-vertical .slick-slide
110
+ {
111
+ display: block;
277
112
 
278
- }
113
+ height: auto;
279
114
 
280
- &.slick-active button:before {
281
- color: $slick-dot-color-active;
282
- opacity: $slick-opacity-default;
283
- }
284
- }
115
+ border: 1px solid transparent;
285
116
  }
@@ -1,3 +1,3 @@
1
1
  module SlickRails
2
- VERSION = "1.3.15"
2
+ VERSION = "1.4.0"
3
3
  end
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.3.15
4
+ version: 1.4.0
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-20 00:00:00.000000000 Z
11
+ date: 2015-02-02 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler
@@ -70,6 +70,7 @@ files:
70
70
  - app/assets/fonts/slick.woff
71
71
  - app/assets/images/ajax-loader.gif
72
72
  - app/assets/javascripts/slick.js
73
+ - app/assets/stylesheets/slick-theme.css.scss
73
74
  - app/assets/stylesheets/slick.css.scss
74
75
  - lib/slick_rails.rb
75
76
  - lib/slick_rails/version.rb
@@ -94,7 +95,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
94
95
  version: '0'
95
96
  requirements: []
96
97
  rubyforge_project:
97
- rubygems_version: 2.4.3
98
+ rubygems_version: 2.4.5
98
99
  signing_key:
99
100
  specification_version: 4
100
101
  summary: Slick Carousel - The Last Carousel you will ever need. Now for Rails