Subversion-Projekte lars-tiefland.webanos.marine-sales.de

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
2 lars 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 
    margin-left: auto;
48 
    margin-right: auto;
49 
 
50 
    &:before,
51 
    &:after {
52 
        content: "";
53 
        display: table;
54 
    }
55 
 
56 
    &:after {
57 
        clear: both;
58 
    }
59 
 
60 
    .slick-loading & {
61 
        visibility: hidden;
62 
    }
63 
}
64 
.slick-slide {
65 
    float: left;
66 
    height: 100%;
67 
    min-height: 1px;
68 
    [dir="rtl"] & {
69 
        float: right;
70 
    }
71 
    img {
72 
        display: block;
73 
    }
74 
    &.slick-loading img {
75 
        display: none;
76 
    }
77 
 
78 
    display: none;
79 
 
80 
    &.dragging img {
81 
        pointer-events: none;
82 
    }
83 
 
84 
    .slick-initialized & {
85 
        display: block;
86 
    }
87 
 
88 
    .slick-loading & {
89 
        visibility: hidden;
90 
    }
91 
 
92 
    .slick-vertical & {
93 
        display: block;
94 
        height: auto;
95 
        border: 1px solid transparent;
96 
    }
97 
}
98 
.slick-arrow.slick-hidden {
99 
    display: none;
100 
}