1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071 |
- /**
- * Slide Box
- * --------------------------------------------------
- */
- .slider {
- position: relative;
- visibility: hidden;
- // Make sure items don't scroll over ever
- overflow: hidden;
- }
- .slider-slides {
- position: relative;
- height: 100%;
- }
- .slider-slide {
- position: relative;
- display: block;
- float: left;
- width: 100%;
- height: 100%;
- vertical-align: top;
- }
- .slider-slide-image {
- > img {
- width: 100%;
- }
- }
- .slider-pager {
- position: absolute;
- bottom: 20px;
- z-index: $z-index-slider-pager;
- width: 100%;
- height: 15px;
- text-align: center;
- .slider-pager-page {
- display: inline-block;
- margin: 0px 3px;
- width: 15px;
- color: #000;
- text-decoration: none;
- opacity: 0.3;
- &.active {
- @include transition(opacity 0.4s ease-in);
- opacity: 1;
- }
- }
- }
- //Disable animate service animations
- .slider-slide,
- .slider-pager-page {
- &.ng-enter,
- &.ng-leave,
- &.ng-animate {
- -webkit-transition: none !important;
- transition: none !important;
- }
- &.ng-animate {
- -webkit-animation: none 0s;
- animation: none 0s;
- }
- }
|