Site Skeleton

mdb/scss/free/_carousels.scss

@@ -0,0 +1,51 @@
+// Carousels
+.carousel {
+  .carousel-control-prev-icon,
+  .carousel-control-next-icon {
+    width: $carousel-control-icon-width;
+    height: $carousel-control-icon-height;
+  }
+  .carousel-control-prev-icon {
+    background-image: $carousel-control-prev-icon;
+  }
+  .carousel-control-next-icon {
+    background-image: $carousel-control-next-icon;
+  }
+  .carousel-indicators {
+    li {
+      width: $carousel-indicators-width;
+      height: $carousel-indicators-height;
+      border-radius: $carousel-indicators-border-radius;
+      cursor: pointer;
+    }
+  }
+}
+.carousel-fade {
+  .carousel-item {
+    opacity: 0;
+    transition-duration: $carousel-transition-duration;
+    transition-property: opacity;
+  }
+  .carousel-item.active,
+  .carousel-item-next.carousel-item-left,
+  .carousel-item-prev.carousel-item-right 
+  {
+    opacity: 1;
+  }
+  .carousel-item-left,
+  .carousel-item-right {
+    &.active {
+      opacity: 0;
+    }
+  }
+  .carousel-item-next,
+  .carousel-item-prev,
+  .carousel-item.active,
+  .carousel-item-left.active,
+  .carousel-item-prev.active {
+    transform: $carousel-item-transform;
+    @supports (transform-style: preserve-3d) {
+      transform: $carousel-item-transform-2;
+    }
+  }
+}