UNPKG

zent

Version:

一套前端设计语言和基于React的实现

121 lines (98 loc) 2.81 kB
.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 !important; } .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; }