ivue-material-plus/dist/unplugin-vue-components/styles/ivue-form.css

A high quality UI components Library with Vue.js

.ivue-form-inline .ivue-form-item{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle;margin-right:10px}.ivue-form-label-left .ivue-form-item--label{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ivue-form-label-top .ivue-form-item{display:block}.ivue-form-label-top .ivue-form-item--label{display:block;height:auto;text-align:left;margin-bottom:8px;line-height:22px;padding-right:0}.ivue-form-label-wrap{display:-webkit-box;display:-ms-flexbox;display:flex}.ivue-form-item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:20px}.ivue-form-item--content{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:34px;min-width:0;font-size:var(--ivue-font-base-size)}.ivue-form-item--label{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;font-size:var(--ivue-font-base-size);color:var(--ivue-title-color);height:34px;line-height:34px;padding:0 12px 0 0}.ivue-form-item--error{position:absolute;top:100%;left:0;padding-top:2px;font-size:var(--ivue-font-small-size);line-height:1;color:var(--ivue-error-color)}.ivue-form-item--success{position:absolute;top:100%;left:0;padding-top:2px;font-size:var(--ivue-font-small-size);line-height:1;color:var(--ivue-success-color)}.ivue-form-item-zoom-in-top-enter-active,.ivue-form-item-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);-webkit-transition:.3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:.3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top}.ivue-form-item-zoom-in-top-enter-active[data-popper-placement^=top],.ivue-form-item-zoom-in-top-leave-active[data-popper-placement^=top]{-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}.ivue-form-item-zoom-in-top-enter-from,.ivue-form-item-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0)}.ivue-form-item.is-error .ivue-input,.ivue-form-item.is-error .ivue-input-content,.ivue-form-item.is-error .ivue-input-number,.ivue-form-item.is-error .ivue-select-selection{border-color:var(--ivue-error-color)}.ivue-form-item.is-error .ivue-input-content--focused,.ivue-form-item.is-error .ivue-input-number-focused,.ivue-form-item.is-error .ivue-input:focus,.ivue-form-item.is-error .ivue-select-selection-focused{-webkit-box-shadow:0 0 0 2px rgba(255,97,127,.2);box-shadow:0 0 0 2px rgba(255,97,127,.2)}.ivue-form-item.is-success .ivue-input,.ivue-form-item.is-success .ivue-input-content,.ivue-form-item.is-success .ivue-input-number,.ivue-form-item.is-success .ivue-select-selection{border-color:var(--ivue-success-color)}.ivue-form-item.is-success .ivue-input-content--focused,.ivue-form-item.is-success .ivue-input-number-focused,.ivue-form-item.is-success .ivue-input:focus,.ivue-form-item.is-success .ivue-select-selection-focused{-webkit-box-shadow:0 0 0 2px rgba(39,226,178,.2);box-shadow:0 0 0 2px rgba(39,226,178,.2)}.ivue-form-item.is-required:not(.is-no-asterisk).asterisk-left .ivue-form-item--label::before{content:"*";color:var(--ivue-error-color);margin-right:4px}.ivue-form-item.is-required:not(.is-no-asterisk).asterisk-right .ivue-form-item--label::after{content:"*";color:var(--ivue-error-color);margin-left:4px}