slick.css 1.8 KB

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