ym-mint-ui/lib/range/style.css

750px for Mint UI

/* 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
}