]> git.immae.eu Git - perso/Immae/Projets/packagist/ludivine-slick-component.git/blame - slick/slick.scss
Validation initiale
[perso/Immae/Projets/packagist/ludivine-slick-component.git] / slick / slick.scss
CommitLineData
604734c4
IB
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}