javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-18 19:21:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

SLIDEBOX

Browse Source
This commit is contained in:
Max Lynch
2015-05-21 10:07:58 -05:00
parent 91eea9dcfc
commit f7ada85f60
7 changed files with 413 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
ionic/components/slides/slides.scss Normal file
View File

@ -0,0 +1,47 @@
$z-index-slider-pager: 1 !default;
.slides {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
border: 2px dashed red;
}
.slides-view {
position: relative;
height: 100%;
}
.slide {
position: relative;
display: block;
float: left;
width: 100%;
height: 100%;
vertical-align: top;
}
.slide-pager {
position: absolute;
bottom: 20px;
z-index: $z-index-slider-pager;
width: 100%;
height: 15px;
text-align: center;
.slide-pager-page {
display: inline-block;
margin: 0px 3px;
width: 15px;
color: #000;
text-decoration: none;
opacity: 0.3;
&.active {
transition: (opacity 0.4s ease-in);
opacity: 1;
}
}
}