]>
Commit | Line | Data |
---|---|---|
1 | /* Slider */ | |
2 | ||
3 | .slick-slider { | |
4 | position: relative; | |
5 | display: block; | |
6 | 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: pan-y; | |
14 | touch-action: pan-y; | |
15 | -webkit-tap-highlight-color: transparent; | |
16 | } | |
17 | .slick-list { | |
18 | position: relative; | |
19 | overflow: hidden; | |
20 | display: block; | |
21 | margin: 0; | |
22 | padding: 0; | |
23 | ||
24 | &:focus { | |
25 | outline: none; | |
26 | } | |
27 | ||
28 | &.dragging { | |
29 | cursor: pointer; | |
30 | cursor: hand; | |
31 | } | |
32 | } | |
33 | .slick-slider .slick-track, | |
34 | .slick-slider .slick-list { | |
35 | -webkit-transform: translate3d(0, 0, 0); | |
36 | -moz-transform: translate3d(0, 0, 0); | |
37 | -ms-transform: translate3d(0, 0, 0); | |
38 | -o-transform: translate3d(0, 0, 0); | |
39 | transform: translate3d(0, 0, 0); | |
40 | } | |
41 | ||
42 | .slick-track { | |
43 | position: relative; | |
44 | left: 0; | |
45 | top: 0; | |
46 | display: block; | |
47 | ||
48 | &:before, | |
49 | &:after { | |
50 | content: ""; | |
51 | display: table; | |
52 | } | |
53 | ||
54 | &:after { | |
55 | clear: both; | |
56 | } | |
57 | ||
58 | .slick-loading & { | |
59 | visibility: hidden; | |
60 | } | |
61 | } | |
62 | .slick-slide { | |
63 | float: left; | |
64 | height: 100%; | |
65 | min-height: 1px; | |
66 | [dir="rtl"] & { | |
67 | float: right; | |
68 | } | |
69 | img { | |
70 | display: block; | |
71 | } | |
72 | &.slick-loading img { | |
73 | display: none; | |
74 | } | |
75 | ||
76 | display: none; | |
77 | ||
78 | &.dragging img { | |
79 | pointer-events: none; | |
80 | } | |
81 | ||
82 | .slick-initialized & { | |
83 | display: block; | |
84 | } | |
85 | ||
86 | .slick-loading & { | |
87 | visibility: hidden; | |
88 | } | |
89 | ||
90 | .slick-vertical & { | |
91 | display: block; | |
92 | height: auto; | |
93 | border: 1px solid transparent; | |
94 | } | |
95 | } | |
96 | .slick-arrow.slick-hidden { | |
97 | display: none; | |
98 | } |