1
 2/**
 3 * Slide Box
 4 * --------------------------------------------------
 5 */
 6
 7.slider {
 8  position: relative;
 9  visibility: hidden;
10  // Make sure items don't scroll over ever
11  overflow: hidden;
12}
13
14.slider-slides {
15  position: relative;
16  height: 100%;
17}
18
19.slider-slide {
20  position: relative;
21  display: block;
22  float: left;
23  width: 100%;
24  height: 100%;
25  vertical-align: top;
26}
27
28.slider-slide-image {
29  > img {
30    width: 100%;
31  }
32}
33
34.slider-pager {
35  position: absolute;
36  bottom: 20px;
37  z-index: $z-index-slider-pager;
38  width: 100%;
39  height: 15px;
40  text-align: center;
41
42  .slider-pager-page {
43    display: inline-block;
44    margin: 0px 3px;
45    width: 15px;
46    color: #000;
47    text-decoration: none;
48
49    opacity: 0.3;
50
51    &.active {
52      @include transition(opacity 0.4s ease-in);
53      opacity: 1;
54    }
55  }
56}
57
58//Disable animate service animations
59.slider-slide,
60.slider-pager-page {
61  &.ng-enter,
62  &.ng-leave,
63  &.ng-animate {
64    -webkit-transition: none !important;
65    transition: none !important;
66  }
67  &.ng-animate {
68    -webkit-animation: none 0s;
69    animation: none 0s;
70  }
71}