Initial-Release
This commit is contained in:
71
www/lib/ionic/scss/_slide-box.scss
Normal file
71
www/lib/ionic/scss/_slide-box.scss
Normal file
@@ -0,0 +1,71 @@
|
||||
|
||||
/**
|
||||
* 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;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user