ym-mint-ui
Version:
750px for Mint UI
53 lines (52 loc) • 1.1 kB
CSS
/* Cell Component */
/* Header Component */
/* Button Component */
/* Tab Item Component */
/* Tabbar Component */
/* Navbar Component */
/* Checklist Component */
/* Radio Component */
/* Range Component */
/* z-index */
.mint-swipe {
overflow: hidden;
position: relative;
height: 100%;
}
.mint-swipe-items-wrap {
position: relative;
overflow: hidden;
height: 100%;
}
.mint-swipe-items-wrap > div {
position: absolute;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
width: 100%;
height: 100%;
display: none
}
.mint-swipe-items-wrap > div.is-active {
display: block;
-webkit-transform: none;
transform: none;
}
.mint-swipe-indicators {
position: absolute;
bottom: 20px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.mint-swipe-indicator {
width: 16px;
height: 16px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2;
margin: 0 6px;
}
.mint-swipe-indicator.is-active {
background: #fff;
}