yk-smart-ui-test
Version:
A Component Library for Vue.js.
1 lines • 2.76 kB
CSS
.yk-form-item::after,.yk-form-item__content::after{clear:both}.yk-form--inline .yk-form-item,.yk-form--inline .yk-form-item__content{display:inline-block;vertical-align:top}.yk-form--label-left .yk-form-item__label{text-align:left}.yk-form--label-top .yk-form-item__label{float:none;display:inline-block;text-align:left;padding:0;line-height:22px;margin-bottom:8px}.yk-form--label-top .yk-form-item__error{position:absolute;top:-26px;left:auto;right:0}.yk-form--inline .yk-form-item{margin-right:10px}.yk-form--inline .yk-form-item__label{float:none;display:inline-block}.yk-form--inline.yk-form--label-top .yk-form-item__content{display:block}.yk-form-item::after,.yk-form-item::before,.yk-form-item__content::after,.yk-form-item__content::before{display:table;content:""}.yk-form-item{margin-bottom:22px}.yk-form-item .yk-form-item{margin-bottom:0}.yk-form-item--mini.yk-form-item,.yk-form-item--small.yk-form-item{margin-bottom:18px}.yk-form-item .yk-input__validateIcon{display:none}.yk-form-item--medium .yk-form-item__content,.yk-form-item--medium .yk-form-item__label,.yk-form-item--small .yk-form-item__content,.yk-form-item--small .yk-form-item__label{line-height:22px}.yk-form-item--small .yk-form-item__error{padding-top:2px}.yk-form-item--mini .yk-form-item__content,.yk-form-item--mini .yk-form-item__label{line-height:22px}.yk-form-item--mini .yk-form-item__error{padding-top:1px}.yk-form-item__label-wrap{float:left}.yk-form-item__label-wrap .yk-form-item__label{display:inline-block;float:none}.yk-form-item__label{text-align:right;vertical-align:middle;float:left;font-size:13px;color:rgba(44,40,54,.76);line-height:40px;padding:0 12px 0 0;box-sizing:border-box}.yk-form-item__content{line-height:40px;position:relative;font-size:14px}.yk-form-item__content .yk-input-group{vertical-align:top}.yk-form-item__error{color:#DD425A;font-size:12px;line-height:1;padding-top:4px;position:absolute;top:100%;left:0}.yk-form-item__error--inline{position:relative;top:auto;left:auto;display:inline-block;margin-left:10px}.yk-form-item.is-required:not(.is-no-asterisk) .yk-form-item__label-wrap>.yk-form-item__label:after,.yk-form-item.is-required:not(.is-no-asterisk)>.yk-form-item__label:after{content:'*';color:#DD425A;margin-left:4px;top:3px;position:relative}.yk-form-item.is-error .el-textarea__inner,.yk-form-item.is-error .el-textarea__inner:focus,.yk-form-item.is-error .yk-input__inner,.yk-form-item.is-error .yk-input__inner:focus{border-color:#DD425A}.yk-form-item.is-error .yk-input-group__append .yk-input__inner,.yk-form-item.is-error .yk-input-group__prepend .yk-input__inner{border-color:transparent}.yk-form-item.is-error .yk-input__validateIcon{color:#DD425A}.yk-form-item--feedback .yk-input__validateIcon{display:inline-block}