Skip to content

Commit 2bcac15

Browse files
razwanrazwan
committed
Treat rellax containers differently
1 parent 972f386 commit 2bcac15

File tree

7 files changed

+5888
-178
lines changed

7 files changed

+5888
-178
lines changed

‎.gitignore

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
11
node_modules
22
gulpfile.js
3-
package.json
3+
package.json
4+
.idea

‎assets/css/slick-theme.css

+204
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,204 @@
1+
@charset 'UTF-8';
2+
/* Slider */
3+
.slick-loading .slick-list
4+
{
5+
background: #fff url('./ajax-loader.gif') center center no-repeat;
6+
}
7+
8+
/* Icons */
9+
@font-face
10+
{
11+
font-family: 'slick';
12+
font-weight: normal;
13+
font-style: normal;
14+
15+
src: url('./fonts/slick.eot');
16+
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');
17+
}
18+
/* Arrows */
19+
.slick-prev,
20+
.slick-next
21+
{
22+
font-size: 0;
23+
line-height: 0;
24+
25+
position: absolute;
26+
top: 50%;
27+
28+
display: block;
29+
30+
width: 20px;
31+
height: 20px;
32+
padding: 0;
33+
-webkit-transform: translate(0, -50%);
34+
-ms-transform: translate(0, -50%);
35+
transform: translate(0, -50%);
36+
37+
cursor: pointer;
38+
39+
color: transparent;
40+
border: none;
41+
outline: none;
42+
background: transparent;
43+
}
44+
.slick-prev:hover,
45+
.slick-prev:focus,
46+
.slick-next:hover,
47+
.slick-next:focus
48+
{
49+
color: transparent;
50+
outline: none;
51+
background: transparent;
52+
}
53+
.slick-prev:hover:before,
54+
.slick-prev:focus:before,
55+
.slick-next:hover:before,
56+
.slick-next:focus:before
57+
{
58+
opacity: 1;
59+
}
60+
.slick-prev.slick-disabled:before,
61+
.slick-next.slick-disabled:before
62+
{
63+
opacity: .25;
64+
}
65+
66+
.slick-prev:before,
67+
.slick-next:before
68+
{
69+
font-family: 'slick';
70+
font-size: 20px;
71+
line-height: 1;
72+
73+
opacity: .75;
74+
color: white;
75+
76+
-webkit-font-smoothing: antialiased;
77+
-moz-osx-font-smoothing: grayscale;
78+
}
79+
80+
.slick-prev
81+
{
82+
left: -25px;
83+
}
84+
[dir='rtl'] .slick-prev
85+
{
86+
right: -25px;
87+
left: auto;
88+
}
89+
.slick-prev:before
90+
{
91+
content: '←';
92+
}
93+
[dir='rtl'] .slick-prev:before
94+
{
95+
content: '→';
96+
}
97+
98+
.slick-next
99+
{
100+
right: -25px;
101+
}
102+
[dir='rtl'] .slick-next
103+
{
104+
right: auto;
105+
left: -25px;
106+
}
107+
.slick-next:before
108+
{
109+
content: '→';
110+
}
111+
[dir='rtl'] .slick-next:before
112+
{
113+
content: '←';
114+
}
115+
116+
/* Dots */
117+
.slick-dotted.slick-slider
118+
{
119+
margin-bottom: 30px;
120+
}
121+
122+
.slick-dots
123+
{
124+
position: absolute;
125+
bottom: -25px;
126+
127+
display: block;
128+
129+
width: 100%;
130+
padding: 0;
131+
margin: 0;
132+
133+
list-style: none;
134+
135+
text-align: center;
136+
}
137+
.slick-dots li
138+
{
139+
position: relative;
140+
141+
display: inline-block;
142+
143+
width: 20px;
144+
height: 20px;
145+
margin: 0 5px;
146+
padding: 0;
147+
148+
cursor: pointer;
149+
}
150+
.slick-dots li button
151+
{
152+
font-size: 0;
153+
line-height: 0;
154+
155+
display: block;
156+
157+
width: 20px;
158+
height: 20px;
159+
padding: 5px;
160+
161+
cursor: pointer;
162+
163+
color: transparent;
164+
border: 0;
165+
outline: none;
166+
background: transparent;
167+
}
168+
.slick-dots li button:hover,
169+
.slick-dots li button:focus
170+
{
171+
outline: none;
172+
}
173+
.slick-dots li button:hover:before,
174+
.slick-dots li button:focus:before
175+
{
176+
opacity: 1;
177+
}
178+
.slick-dots li button:before
179+
{
180+
font-family: 'slick';
181+
font-size: 6px;
182+
line-height: 20px;
183+
184+
position: absolute;
185+
top: 0;
186+
left: 0;
187+
188+
width: 20px;
189+
height: 20px;
190+
191+
content: '•';
192+
text-align: center;
193+
194+
opacity: .25;
195+
color: black;
196+
197+
-webkit-font-smoothing: antialiased;
198+
-moz-osx-font-smoothing: grayscale;
199+
}
200+
.slick-dots li.slick-active button:before
201+
{
202+
opacity: .75;
203+
color: black;
204+
}

‎assets/css/slick.css

+117
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,117 @@
1+
/* Slider */
2+
.slick-slider
3+
{
4+
position: relative;
5+
6+
display: block;
7+
box-sizing: border-box;
8+
9+
-webkit-user-select: none;
10+
-moz-user-select: none;
11+
-ms-user-select: none;
12+
user-select: none;
13+
14+
-webkit-touch-callout: none;
15+
-khtml-user-select: none;
16+
-ms-touch-action: pan-y;
17+
touch-action: pan-y;
18+
-webkit-tap-highlight-color: transparent;
19+
}
20+
21+
.slick-list
22+
{
23+
position: relative;
24+
25+
display: block;
26+
overflow: hidden;
27+
28+
margin: 0;
29+
padding: 0;
30+
}
31+
.slick-list:focus
32+
{
33+
outline: none;
34+
}
35+
.slick-list.dragging
36+
{
37+
cursor: pointer;
38+
cursor: hand;
39+
}
40+
41+
.slick-slider .slick-track,
42+
.slick-slider .slick-list
43+
{
44+
-webkit-transform: translate3d(0, 0, 0);
45+
-moz-transform: translate3d(0, 0, 0);
46+
-ms-transform: translate3d(0, 0, 0);
47+
-o-transform: translate3d(0, 0, 0);
48+
transform: translate3d(0, 0, 0);
49+
}
50+
51+
.slick-track
52+
{
53+
position: relative;
54+
top: 0;
55+
left: 0;
56+
57+
display: block;
58+
}
59+
.slick-track:before,
60+
.slick-track:after
61+
{
62+
display: table;
63+
64+
content: '';
65+
}
66+
.slick-track:after
67+
{
68+
clear: both;
69+
}
70+
.slick-loading .slick-track
71+
{
72+
visibility: hidden;
73+
}
74+
75+
.slick-slide
76+
{
77+
display: none;
78+
float: left;
79+
80+
height: 100%;
81+
min-height: 1px;
82+
}
83+
[dir='rtl'] .slick-slide
84+
{
85+
float: right;
86+
}
87+
.slick-slide img
88+
{
89+
display: block;
90+
}
91+
.slick-slide.slick-loading img
92+
{
93+
display: none;
94+
}
95+
.slick-slide.dragging img
96+
{
97+
pointer-events: none;
98+
}
99+
.slick-initialized .slick-slide
100+
{
101+
display: block;
102+
}
103+
.slick-loading .slick-slide
104+
{
105+
visibility: hidden;
106+
}
107+
.slick-vertical .slick-slide
108+
{
109+
display: block;
110+
111+
height: auto;
112+
113+
border: 1px solid transparent;
114+
}
115+
.slick-arrow.slick-hidden {
116+
display: none;
117+
}

0 commit comments

Comments
 (0)