@layui/layui-vue
Version:
a component library for Vue 3 base on layui-vue
2 lines (1 loc) • 7.15 kB
CSS
.layui-form-item[size=lg]{margin-bottom:24px}.layui-form-item[size=lg] .layui-form-label{height:44px;line-height:44px;font-size:16px}.layui-form-item[size=lg] .layui-input-block{min-height:44px}.layui-form-item[size=lg] .layui-switch-container{margin-top:10px}.layui-form-item[size=lg] .layui-form-checkbox{margin-top:5px}.layui-form-item[size=lg] .layui-form-checkbox[lay-skin=primary]{margin-top:12px}.layui-form-item[size=lg] .layui-radio{margin-top:8px}.layui-form-item[size=lg] .layui-radio .layui-form-radio{margin-top:0}.layui-form-item[size=lg] .layui-slider-horizontal{margin-top:18px;width:calc(100% - 10px)}.layui-form-item[size=md]{margin-bottom:20px}.layui-form-item[size=md] .layui-form-label{height:38px;line-height:38px;font-size:14px}.layui-form-item[size=md] .layui-input-block{min-height:38px}.layui-form-item[size=md] .layui-switch-container{margin-top:8px}.layui-form-item[size=md] .layui-form-checkbox{margin-top:4px}.layui-form-item[size=md] .layui-form-checkbox[lay-skin=primary]{margin-top:10px}.layui-form-item[size=md] .layui-rate-clear-icon{padding:8px 0 0}.layui-form-item[size=md] .layui-rate{padding:6px 0 0}.layui-form-item[size=md] .layui-radio{margin-top:6px}.layui-form-item[size=md] .layui-radio .layui-form-radio{margin-top:0}.layui-form-item[size=md] .layui-slider-horizontal{margin-top:16px;width:calc(100% - 10px)}.layui-form-item[size=sm]{margin-bottom:16px}.layui-form-item[size=sm] .layui-form-label{height:32px;line-height:32px;font-size:12px}.layui-form-item[size=sm] .layui-input-block{min-height:32px}.layui-form-item[size=sm] .layui-switch-container{margin-top:6px}.layui-form-item[size=sm] .layui-form-checkbox{margin-top:3px}.layui-form-item[size=sm] .layui-form-checkbox[lay-skin=primary]{margin-top:8px}.layui-form-item[size=sm] .layui-rate-clear-icon{padding:6px 0 0}.layui-form-item[size=sm] .layui-rate{padding:4px 0 0}.layui-form-item[size=sm] .layui-radio{margin-top:3px}.layui-form-item[size=sm] .layui-radio .layui-form-radio{margin-top:0}.layui-form-item[size=sm] .layui-slider-horizontal{margin-top:12px;width:calc(100% - 10px)}.layui-form-item[size=xs]{margin-bottom:12px}.layui-form-item[size=xs] .layui-form-label{height:26px;line-height:26px;font-size:12px}.layui-form-item[size=xs] .layui-input-block{min-height:26px}.layui-form-item[size=xs] .layui-switch-container{margin-top:4px}.layui-form-item[size=xs] .layui-form-checkbox{margin-top:2px}.layui-form-item[size=xs] .layui-form-checkbox[lay-skin=primary]{margin-top:6px}.layui-form-item[size=xs] .layui-rate-clear-icon{padding:4px 0 0}.layui-form-item[size=xs] .layui-rate{padding:0}.layui-form-item[size=xs] .layui-radio,.layui-form-item[size=xs] .layui-radio .layui-form-radio{margin-top:0}.layui-form-item[size=xs] .layui-slider-horizontal{margin-top:10px;width:calc(100% - 10px)}.layui-form-item{display:flex;margin-bottom:20px}.layui-form-item .layui-form-tips{display:block;color:#888;font-size:14px}.layui-form-item .layui-select .layui-dropdown-content .layui-form-checkbox{margin-top:0}.layui-form-item:has(.layui-input-inline){margin-right:10px}.layui-form-item.layui-form-item-inline{display:inline-flex}.layui-form-item.layui-form-item-top{flex-direction:column}.layui-form-item-right .layui-form-label{text-align:right}.layui-form-item-left .layui-form-label{text-align:left}.layui-form-item-top>div{flex:1}.layui-input-inline .layui-input-number{display:block}.layui-form-item:after{content:" ";clear:both;display:block;height:0}.layui-form-label{display:block;padding-right:15px;line-height:38px;font-weight:400}.layui-form-label-col{display:block;float:none;padding:9px 0;line-height:20px;text-align:left}.layui-form-pane .layui-form-item .layui-slider,.layui-form-pane .layui-form-item .layui-rate,.layui-form-pane .layui-form-item .layui-switch-container,.layui-form-pane .layui-form-item .layui-checkbox:first-child,.layui-form-pane .layui-form-item .layui-radio:first-child{margin-left:10px}.layui-input-block{flex:1;min-height:36px}.layui-input-inline{display:inline-block;vertical-align:middle}.layui-form-text .layui-input-inline{width:auto}.layui-form-mid{float:left;display:block;padding:9px 0;line-height:20px;margin-right:10px}.layui-form-danger+.layui-form-select .layui-input,.layui-form-danger:focus{border-color:#ff5722}.layui-required{margin-right:4px;color:var(--global-danger-color);font-size:14px;line-height:1}.layui-form .layui-form-item .layui-input-block .layui-form-danger,.layui-form .layui-form-item .layui-input-inline .layui-form-danger,.layui-form .layui-form-item .layui-input-block .layui-form-danger .layui-textarea,.layui-form .layui-form-item .layui-input-inline .layui-form-danger .layui-textarea,.layui-form .layui-form-item .layui-input-block .layui-form-danger .layui-tag-input,.layui-form .layui-form-item .layui-input-inline .layui-form-danger .layui-tag-input,.layui-form .layui-form-item .layui-input-block .layui-form-danger .layui-input,.layui-form .layui-form-item .layui-input-inline .layui-form-danger .layui-input,.layui-form .layui-form-item .layui-input-block .layui-form-danger .laydate-range-inputs,.layui-form .layui-form-item .layui-input-inline .layui-form-danger .laydate-range-inputs{border-color:var(--global-danger-color)}.layui-error-message{padding-top:5px;color:var(--global-danger-color);position:absolute;font-size:12px;line-height:1;top:100%;left:0}.layui-error-message-anim{-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-animation:layui-top-show-anim .3s ease 1;animation:layui-top-show-anim .3s ease 1}@keyframes layui-top-show-anim{0%{opacity:.3;transform:rotateX(45deg)}to{opacity:1;transform:rotateX(0)}}.layui-form-pane .layui-form-label{display:block;padding:0 15px;border-width:1px;overflow:hidden;white-space:nowrap;background-color:#fafafa;text-overflow:ellipsis;box-sizing:border-box;border-style:solid;border-radius:var(--global-border-radius) 0 0 var(--global-border-radius);text-align:center}.layui-form-pane .layui-input-inline{margin-left:-1px}.layui-form-pane .layui-input-block{left:-1px}.layui-form-pane .layui-colorpicker:first-child,.layui-form-pane .layui-iconpicker:first-child,.layui-form-pane .layui-input:first-child,.layui-form-pane .layui-tag-input:first-child{border-radius:0 var(--global-border-radius) var(--global-border-radius) 0}.layui-form-pane .layui-radio-button:first-child .layui-btn{border-top-left-radius:0;border-bottom-left-radius:0}.layui-form-pane .layui-form-item:has(.layui-textarea){flex-direction:column}.layui-form-pane .layui-form-item:has(.layui-textarea) .layui-form-label{width:100%;border-radius:var(--global-border-radius) var(--global-border-radius) 0 0}.layui-form-pane .layui-form-item:has(.layui-textarea) .layui-input-block,.layui-form-pane .layui-form-item:has(.layui-textarea) .layui-input-inline{left:0;top:-1px;width:100%;margin-left:0}.layui-form-pane .layui-form-item:has(.layui-textarea) .layui-input-block .layui-textarea,.layui-form-pane .layui-form-item:has(.layui-textarea) .layui-input-inline .layui-textarea{border-radius:0 0 var(--global-border-radius) var(--global-border-radius)}