javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-07 15:07:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

Simple pager for slider, needs styles

Browse Source
This commit is contained in:
Max Lynch
2013-10-16 07:43:26 -05:00
parent 6002991ba3
commit b3cd02b5c9
5 changed files with 112 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
scss/ionic/_slideBox.scss
View File

@ -1,4 +1,6 @@
.slide-box {
background-color: #000;
position: relative;
// Make sure items don't scroll over ever
overflow: hidden;
}
@ -23,3 +25,25 @@
width: 100%;
}
}
.slide-box-pager {
position: absolute;
bottom: 20px;
width: 100%;
text-align: center;
> * {
display: inline-block;
text-decoration: none;
margin: 0px 5px;
color: #fff;
opacity: 0.5;
&.active {
-webkit-transition: opacity 0.4s ease-in;
opacity: 1;
}
}
}