ym-mint-ui
Version:
750px for Mint UI
70 lines (69 loc) • 1.45 kB
CSS
/* Cell Component */
/* Header Component */
/* Button Component */
/* Tab Item Component */
/* Tabbar Component */
/* Navbar Component */
/* Checklist Component */
/* Radio Component */
/* Range Component */
/* z-index */
.mt-range {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 30px;
line-height: 30px
}
.mt-range > * {
display: -ms-flexbox;
display: flex;
display: -webkit-box
}
.mt-range *[slot=start] {
margin-right: 10px
}
.mt-range *[slot=end] {
margin-left: 10px
}
.mt-range-content {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-right: 30px
}
.mt-range-runway {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: -30px;
border-top-color: transparent;
border-top-style: solid;
border-radius: 3px
}
.mt-range-thumb {
background-color: #fff;
position: absolute;
left: 0;
top: 0;
width: 30px;
height: 30px;
border-radius: 100%;
cursor: move;
box-shadow:0 0 5px 0 rgba(40, 40, 40, 0.25)
}
.mt-range-progress {
position: absolute;
display: block;
background-color: #24b1b2;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 0;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px
}