Attribute changed material-kit

[bootswatch] / material-kit / sass / material-kit / _carousel.scss

diff --git a/material-kit/sass/material-kit/_carousel.scss b/material-kit/sass/material-kit/_carousel.scss
new file mode 100644 (file)
index 0000000..5c80a95
--- /dev/null
+++ b/material-kit/sass/material-kit/_carousel.scss
@@ -0,0 +1,52 @@
+.carousel{
+    .carousel-control{
+        width: 50%;
+
+        &.left,
+        &.right{
+            background-image: none;
+        }
+
+        .material-icons,
+        .fa{
+            display: none;
+        }
+    }
+    .left{
+        cursor: url("../img/arrow-left.png"), url("../img/arrow-left.cur"), default !important;
+    }
+    .right{
+        cursor: url("../img/arrow-right.png"), url("../img/arrow-right.cur"), default !important;
+    }
+
+    .carousel-indicators{
+        bottom: 5px;
+
+        li,
+        .active{
+            margin: 11px 10px;
+        }
+
+        li{
+            background: #FFFFFF;
+            @include shadow-2dp();
+            @extend .animation-transition-general;
+            border-radius: $border-radius-small;
+        }
+        .active{
+            margin-top: 10px;
+            @include transform-scale(1.5);
+            @include shadow-4dp();
+        }
+    }
+
+    .carousel-caption{
+        padding-bottom: 45px;
+        
+        .material-icons{
+            position: relative;
+            top: 5px;
+        }
+    }
+
+}