song-ui-u/theme/formItem.css

vue3 + js的PC前端组件库

@charset "UTF-8";.x-form-item{--x-form-size:var(--x-component-size-default);--x-form-font-size:var(--x-font-size-default);display:flex;margin-bottom:24px;color:var(--x-text-color-primary)}.x-form-item.is-required .x-form-item__label label:before{content:"*";color:var(--x-color-error);margin-right:4px}.x-form-item__label{width:100px}.x-form-item__control{position:relative;flex:1}.x-form-item__control-inner{display:flex;align-items:center;width:100%;height:var(--x-form-size)}.x-form-item__label-inner{display:inline-block;line-height:var(--x-form-size);padding-right:8px;height:var(--x-form-size);font-size:var(--x-form-font-size);width:100%;white-space:nowrap;box-sizing:border-box}.x-form-item__label-inner.is-required:before{content:"*";color:var(--x-color-error);margin-right:4px}.x-form-item__label-inner.is-colon{margin-right:0}.x-form-item__label-inner.is-colon:after{content:":";margin:0 8px 0 2px}.x-form-item__message{position:absolute;left:0;right:0;top:100%;font-size:14px;color:var(--x-color-error);padding-top:1px}.x-form-item--label_top{flex-direction:column}.x-form-item--label_top .x-form-item__label{width:auto}.x-form-item--label_right .x-form-item__label{text-align:right}.x-form-item--label_left .x-form-item__label{text-align:left}.x-form-item--label_center .x-form-item__label{text-align:center}.x-form-item--size_small{--x-form-font-size:var(--x-font-size-small);--x-form-size:var(--x-component-size-small)}.x-form-item--size_default{--x-form-font-size:var(--x-font-size-default);--x-form-size:var(--x-component-size-default)}.x-form-item--size_large{--x-form-font-size:var(--x-font-size-large);--x-form-size:var(--x-component-size-large)}