traxxx-web/assets/css/forms.css

49 lines
653 B
CSS
Raw Normal View History

.form {
width: 100%;
max-width: 30rem;
display: flex;
flex-direction: column;
}
.form-section {
margin-bottom: 1rem;
}
.form-row {
display: flex;
flex-wrap: wrap;
margin-bottom: .5rem;
.input {
flex-grow: 1;
}
}
.form-column {
display: flex;
flex-grow: 1;
flex-direction: column;
min-width: 10rem;
}
.form-actions {
display: flex;
margin-bottom: .5rem;
justify-content: flex-end;
margin-top: .5rem;
}
.form-heading {
color: var(--primary-light-10);
margin: 0 0 .75rem 0;
}
.form-error {
background: var(--error);
color: var(--text-light);
padding: 1rem;
border-radius: .25rem;
text-align: center;
font-weight: bold;
}