mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
Simple pager for slider, needs styles
This commit is contained in:
17
dist/css/ionic.css
vendored
17
dist/css/ionic.css
vendored
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user