various-ui/styles/form-item.css

This is a test version of the Vue 3 component library

.ui-form-item>.ui-form-container{position:relative}.ui-form-item>.ui-form-container>.ui-form-message{transition:all .2s;transform:translateY(100%);font-size:14px;position:absolute;bottom:0;color:var(--uioption-form-message-color);left:0}.ui-form-item>.ui-form-container>.ui-form-message.v-enter-from,.ui-form-item>.ui-form-container>.ui-form-message.v-leave-to{opacity:0;transform:translateY(50%)}.ui-form-item>.ui-form-container>.ui-form-message.v-enter-to,.ui-form-item>.ui-form-container>.ui-form-message.v-leave-from{opacity:1;transform:translateY(100%)}.ui-form-item.ui-form-row{display:flex;align-items:center}.ui-form-item.ui-form-row>.ui-form-name{margin:0 8px 0 0}.ui-form-item.ui-form-column>.ui-form-name{margin:0 0 8px}