ym-mint-ui
Version:
750px for Mint UI
55 lines (54 loc) • 1.13 kB
CSS
/* Cell Component */
/* Header Component */
/* Button Component */
/* Tab Item Component */
/* Tabbar Component */
/* Navbar Component */
/* Checklist Component */
/* Radio Component */
/* Range Component */
/* z-index */
.mt-progress {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 60px;
line-height: 60px
}
.mt-progress > * {
display: -ms-flexbox;
display: flex;
display: -webkit-box
}
.mt-progress *[slot="start"] {
margin-right: 10px
}
.mt-progress *[slot="end"] {
margin-left: 10px
}
.mt-progress-content {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.mt-progress-runway {
position: absolute;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
top: 50%;
left: 0;
right: 0;
background-color: #ebebeb;
height: 6px
}
.mt-progress-progress {
position: absolute;
display: block;
background-color: #24b1b2;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
width: 0
}