_carousels.scss in spectre_scss-0.5.1.0

- old
+ new

@@ -4,10 +4,11 @@
   display: block;
   overflow: hidden;
   position: relative;
   width: 100%;
   -webkit-overflow-scrolling: touch;
+  z-index: $zindex-0;
 
   .carousel-container {
     height: 100%;
     left: 0;
     position: relative;
@@ -43,11 +44,11 @@
       opacity: 0;
       position: absolute;
       top: 50%;
       transition: all .4s ease;
       transform: translateY(-50%);
-      z-index: $zindex-2;
+      z-index: $zindex-1;
     }
     .item-prev {
       left: 1rem;
     }
     .item-next {
@@ -78,10 +79,10 @@
     justify-content: center;
     left: 50%;
     position: absolute;
     transform: translateX(-50%);
     width: 10rem;
-    z-index: $zindex-2;
+    z-index: $zindex-1;
 
     .nav-item {
       color: rgba($gray-color-light, .5);
       display: block;
       flex: 1 0 auto;