ym-mint-ui
Version:
750px for Mint UI
95 lines (94 loc) • 1.85 kB
CSS
/* Cell Component */
/* Header Component */
/* Button Component */
/* Tab Item Component */
/* Tabbar Component */
/* Navbar Component */
/* Checklist Component */
/* Radio Component */
/* Range Component */
/* z-index */
.mint-field {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 126px;
background-color: #fff;
border-bottom: 1px solid #eee;
font-size: 30px;
}
.mint-field.is-active {
border-color: #24b1b2;
}
.mint-field.is-textarea {
-webkit-box-align: inherit;
-ms-flex-align: inherit;
align-items: inherit;
@descendent value {
padding: 10px 0;
}
}
.mint-field-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.mint-field-icon {
color: #999;
font-size: 40px;
flex-shrik: 1;
margin-right: 20px;
}
.mint-field-value {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.mint-field-core {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
border: 0;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
outline: 0;
line-height: 1.6;
font-size: inherit;
width: 100%;
background: inherit;
}
.mint-field-clear {
opacity: .2;
}
.mint-field-state {
color: inherit;
margin-left: 30px;
}
.mint-field-state .mintui {
font-size: 30px;
}
.mint-field-state.is-default {
margin-left: 0;
}
.mint-field-state.is-success {
color: #4caf50;
}
.mint-field-state.is-warning {
color: #ffc107;
}
.mint-field-state.is-error {
color: #fa405e;
}
.mint-field-other {
top: 0;
right: 0;
position: relative;
}