zent
Version:
一套前端设计语言和基于React的实现
121 lines (98 loc) • 2.81 kB
CSS
.zent-form {
margin-bottom: 30px;
width: auto;
}
.zent-form select[readonly], .zent-form textarea[readonly] {
background-color: #fff;
cursor: text;
}
.zent-form__fieldset {
padding: 0;
margin: 0;
border: 0;
}
.zent-form__legend {
padding-bottom: 8px;
margin-bottom: 20px;
width: 100%;
border-bottom: 1px solid #e5e5e5;
font-size: 14px;
font-weight: bold;
}
.zent-form__control-group {
margin-bottom: 20px
}
.zent-form__control-group.has-error input, .zent-form__control-group.has-error select, .zent-form__control-group.has-error textarea, .zent-form__control-group.has-error .zent-form__checkbox, .zent-form__control-group.has-error .zent-form__radio, .zent-form__control-group.has-error .zent-form__control-label, .zent-form__control-group.has-error .zent-form__error-desc, .zent-form__control-group.has-error .zent-form__help-block {
color: #f44;
}
.zent-form__control-group.has-error input, .zent-form__control-group.has-error select, .zent-form__control-group.has-error textarea {
border-color: #f44;
}
.zent-form__static-value {
padding-top: 5px;
font-size: 14px;
line-height: 18px;
padding-bottom: 5px;
word-break: break-all;
}
.zent-form__control-action {
padding-top: 5px;
display: inline-block;
font-size: 14px;
line-height: 18px;
}
.zent-form__required {
margin-right: 6px;
font-size: 16px;
color: #f00;
vertical-align: middle;
}
.zent-form__help-block, .zent-form__error-desc, .zent-form__help-desc {
line-height: 14px;
font-size: 12px;
margin-top: 6px;
margin-bottom: 0;
color: #999;
}
.zent-form__help-block ul li, .zent-form__error-desc ul li, .zent-form__help-desc ul li {
font-size: 12px;
line-height: 12px;
}
.zent-form__help-block a, .zent-form__error-desc a, .zent-form__help-desc a {
color: #38f;
}
.zent-form__help-block:empty, .zent-form__error-desc:empty, .zent-form__help-desc:empty {
margin-top: 0 ;
}
.zent-form--horizontal .zent-form__control-label {
display: inline-block;
width: 120px;
font-size: 12px;
line-height: 30px;
text-align: right;
vertical-align: top
}
.zent-form--horizontal .zent-form__control-label + .zent-form__controls {
margin-left: 10px;
}
.zent-form--horizontal .zent-form__controls {
display: inline-block;
word-break: break-all;
vertical-align: top;
}
.zent-form--horizontal .zent-form__form-actions {
padding: 0 0 0 130px;
margin: 25px 0 10px;
background: none;
border: none;
}
.zent-form--horizontal .zent-form__checkbox-group {
font-size: 0;
line-height: 28px;
}
.zent-form--horizontal .zent-form__checkbox {
line-height: 28px;
}
.zent-form--horizontal .zent-form__radio-group {
line-height: 28px;
}