CSS   88
slick css
Guest on 6th February 2023 02:25:48 AM


  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.     margin-left: auto;
  59.     margin-right: auto;
  60. }
  61. .slick-track:before,
  62. .slick-track:after
  63. {
  64.     display: table;
  65.  
  66.     content: '';
  67. }
  68. .slick-track:after
  69. {
  70.     clear: both;
  71. }
  72. .slick-loading .slick-track
  73. {
  74.     visibility: hidden;
  75. }
  76.  
  77. .slick-slide
  78. {
  79.     display: none;
  80.     float: left;
  81.  
  82.     height: 100%;
  83.     min-height: 1px;
  84. }
  85. [dir='rtl'] .slick-slide
  86. {
  87.     float: right;
  88. }
  89. .slick-slide img
  90. {
  91.     display: block;
  92. }
  93. .slick-slide.slick-loading img
  94. {
  95.     display: none;
  96. }
  97. .slick-slide.dragging img
  98. {
  99.     pointer-events: none;
  100. }
  101. .slick-initialized .slick-slide
  102. {
  103.     display: block;
  104. }
  105. .slick-loading .slick-slide
  106. {
  107.     visibility: hidden;
  108. }
  109. .slick-vertical .slick-slide
  110. {
  111.     display: block;
  112.  
  113.     height: auto;
  114.  
  115.     border: 1px solid transparent;
  116. }
  117. .slick-arrow.slick-hidden {
  118.     display: none;
  119. }
Raw Paste

Login or Register to edit or fork this paste. It's free.