Simple pager for slider, needs styles

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

17
dist/css/ionic.css vendored
View File

@@ -3021,6 +3021,8 @@ a.button {
padding: 10px; }
.slide-box {
background-color: #000;
position: relative;
overflow: hidden; }
.slide-box-items {
@@ -3040,6 +3042,21 @@ a.button {
.slide-box-content img {
width: 100%; }
.slide-box-pager {
position: absolute;
bottom: 20px;
width: 100%;
text-align: center; }
.slide-box-pager > * {
display: inline-block;
text-decoration: none;
margin: 0px 5px;
color: #fff;
opacity: 0.5; }
.slide-box-pager > *.active {
-webkit-transition: opacity 0.4s ease-in;
opacity: 1; }
.slide-in-up {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);