_slick.scss in futuro-0.4.7

- old
+ new
@@ -1,125 +1,121 @@
 
-.slick {
+.slick-slide {
+  height: 100%;
+  float: left;
 
-  &-slide {
-    margin-right: 10px;
-    margin-left: 10px;
+  > div {
+    @include center;
     height: 100%;
-    float: left;
-
-    > div {
-      height: 100%;
-    }
   }
+}
 
-  &-list {
-    position: relative;
-    overflow: hidden;
-    display: block;
-    margin: 0 auto;
-    width: 650px;
-    height: 100%;
-    z-index: 2;
-    padding: 0;
-  }
+.slick-list {
+  position: relative;
+  overflow: hidden;
+  display: block;
+  margin: 0 auto;
+  width: 650px;
+  height: 100%;
+  z-index: 2;
+  padding: 0;
+}
 
-  &-arrow {
-    transition: opacity 200ms ease;
-    background-color: transparent;
-    text-indent: -9999px;
-    position: absolute;
-    border-radius: 0;
-    height: 100%;
-    width: 50%;
-    z-index: 1;
-    padding: 0;
-    top: 0;
-  }
+.slick-arrow {
+  transition: opacity 200ms ease;
+  background-color: transparent;
+  text-indent: -9999px;
+  position: absolute;
+  border-radius: 0;
+  height: 100%;
+  width: 50%;
+  z-index: 1;
+  padding: 0;
+  top: 0;
+}
 
-  &-prev {
-    background: url('/assets/svg/arrow-left.svg') no-repeat center right 310px;
-    left: 0;
-  }
+.slick-prev {
+  background: url('/assets/svg/arrow-left.svg') no-repeat center right 310px;
+  left: 0;
+}
 
-  &-next {
-    background: url('/assets/svg/arrow-right.svg') no-repeat center left 310px;
-    right: 0;
-  }
+.slick-next {
+  background: url('/assets/svg/arrow-right.svg') no-repeat center left 310px;
+  right: 0;
+}
 
-  &-slider {
-    -webkit-tap-highlight-color: transparent;
-    touch-action: pan-y;
-    position: relative;
-    user-select: none;
-    display: block;
+.slick-slider {
+  -webkit-tap-highlight-color: transparent;
+  touch-action: pan-y;
+  position: relative;
+  user-select: none;
+  display: block;
+
+  .slick-track, .slick-list {
+    transform: translate3d(0, 0, 0);
   }
+}
 
-  &-slide {
-    min-height: 1px;
-    display: none;
+.slick-slide {
+  min-height: 1px;
+  display: none;
 
-    &.slick-loading img {
-      display: none;
-    }
-
-    &.dragging img {
-      pointer-events: none;
-    }
-
-    img {
-      display: block;
-    }
+  &.slick-loading img {
+    display: none;
   }
 
-  &-list {
-
-    &:focus {
-      outline: none;
-    }
-
-    &.dragging {
-      cursor: pointer;
-      cursor: hand;
-    }
+  &.dragging img {
+    pointer-events: none;
   }
 
-  &-track {
-    position: relative;
-    margin-right: auto;
-    margin-left: auto;
+  img {
     display: block;
-    height: 100%;
-    @include cf;
-    left: 0;
-    top: 0;
   }
+}
 
-  &-slider &-track,
-  &-slider &-list {
-    transform: translate3d(0, 0, 0);
-  }
+.slick-list {
 
-  &-arrow {
-    &.slick-hidden {
-      display: none;
-    }
+  &:focus {
+    outline: none;
   }
 
-  &-initialized &-slide {
-    display: block;
+  &.dragging {
+    cursor: pointer;
+    cursor: hand;
   }
+}
 
-  &-loading &-slide {
-    visibility: hidden;
-  }
+.slick-track {
+  position: relative;
+  margin-right: auto;
+  margin-left: auto;
+  display: block;
+  height: 100%;
+  @include cf;
+  left: 0;
+  top: 0;
+}
 
-  [dir='rtl'] &-slide {
-    float: right;
-  }
+.slick-arrow {
 
-  &-vertical &-slide {
-    border: 1px solid transparent;
-    display: block;
-    height: auto;
+  &.slick-hidden {
+    display: none;
   }
+}
+
+.slick-initialized .slick-slide {
+  display: block;
+}
+
+.slick-loading .slick-slide {
+  visibility: hidden;
+}
+
+[dir='rtl'] .slick-slide {
+  float: right;
+}
+
+.slick-vertical .slick-slide {
+  border: 1px solid transparent;
+  display: block;
+  height: auto;
 }