byted-vui/lib/theme-chalk/form.css

A Component Library for Vue.js.

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