jiku-ui/lib/theme-chalk/form.css

A Component Library for Vue.js.

.hn-form--inline .hn-form-item,.hn-form--inline .hn-form-item__content{display:inline-block;vertical-align:top}.hn-form-item::after,.hn-form-item__content::after{clear:both}.hn-form--label-left .hn-form-item__label{text-align:left}.hn-form--label-top .hn-form-item__label{float:none;display:inline-block;text-align:left;padding:0 0 10px}.hn-form--inline .hn-form-item{margin-right:10px}.hn-form--inline .hn-form-item__label{float:none;display:inline-block}.hn-form--inline.hn-form--label-top .hn-form-item__content{display:block}.hn-form-item{margin-bottom:22px}.hn-form-item::after,.hn-form-item::before{display:table;content:""}.hn-form-item .hn-form-item{margin-bottom:0}.hn-form-item--mini.hn-form-item,.hn-form-item--small.hn-form-item{margin-bottom:18px}.hn-form-item .hn-input__validateIcon{display:none}.hn-form-item--medium .hn-form-item__content,.hn-form-item--medium .hn-form-item__label{line-height:36px}.hn-form-item--small .hn-form-item__content,.hn-form-item--small .hn-form-item__label{line-height:32px}.hn-form-item--small .hn-form-item__error{padding-top:2px}.hn-form-item--mini .hn-form-item__content,.hn-form-item--mini .hn-form-item__label{line-height:28px}.hn-form-item--mini .hn-form-item__error{padding-top:1px}.hn-form-item__label-wrap{float:left}.hn-form-item__label-wrap .hn-form-item__label{display:inline-block;float:none}.hn-form-item__label{text-align:right;vertical-align:middle;float:left;font-size:14px;color:#606266;line-height:40px;padding:0 12px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}.hn-form-item__content{line-height:40px;position:relative;font-size:14px}.hn-form-item__content::after,.hn-form-item__content::before{display:table;content:""}.hn-form-item__content .hn-input-group{vertical-align:top}.hn-form-item__error{color:#F56C6C;font-size:12px;line-height:1;padding-top:4px;position:absolute;top:100%;left:0}.hn-form-item__error--inline{position:relative;top:auto;left:auto;display:inline-block;margin-left:10px}.hn-form-item.is-required:not(.is-no-asterisk) .hn-form-item__label-wrap>.hn-form-item__label:before,.hn-form-item.is-required:not(.is-no-asterisk)>.hn-form-item__label:before{content:'*';color:#F56C6C;margin-right:4px}.hn-form-item.is-error .hn-input__inner,.hn-form-item.is-error .hn-input__inner:focus,.hn-form-item.is-error .hn-textarea__inner,.hn-form-item.is-error .hn-textarea__inner:focus{border-color:#F56C6C}.hn-form-item.is-error .hn-input-group__append .hn-input__inner,.hn-form-item.is-error .hn-input-group__prepend .hn-input__inner{border-color:transparent}.hn-form-item.is-error .hn-input__validateIcon{color:#F56C6C}.hn-form-item--feedback .hn-input__validateIcon{display:inline-block}