slick/slick.css

   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 }