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