@inkline/inkline
Version:
Inkline is the intuitive UI Components library that gives you a developer-friendly foundation for building high-quality, accessible, and customizable Vue.js 3 Design Systems.
26 lines • 482 B
CSS
/**
* Input Group
*/
.form-group {
display: block;
vertical-align: middle;
position: relative;
}
.form-group + .form-group {
margin-top: var(--form-group--margin-top, var(--margin-top));
}
.form-group.-inline {
display: flex;
}
.form-group.-inline > .form-input-group {
flex-basis: 100%;
}
.form-group.-inline > .form-label {
display: flex;
flex: 0 0 auto;
align-self: center;
margin-bottom: 0;
}
.form-group.-inline > .form-label.-right {
margin-right: 0;
}