50 lines
No EOL
843 B
CSS
50 lines
No EOL
843 B
CSS
.card {
|
|
--form-field-bg-color: var(--secondary-bg-color-alt);
|
|
--form-field-focus-border-color: var(--secondary-bg-color);
|
|
}
|
|
|
|
.form {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 20px;
|
|
}
|
|
|
|
.form-wrapper {
|
|
display: flex;
|
|
gap: 20px;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.form input,
|
|
.form select,
|
|
.form textarea {
|
|
border: 0;
|
|
outline: none;
|
|
font-size: 18px;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.form-group {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 10px;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.form-field {
|
|
background: var(--form-field-bg-color);
|
|
padding: 9px;
|
|
border-radius: 12px;
|
|
border: 3px solid transparent;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 10px;
|
|
}
|
|
|
|
.form-group-item {
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.form-field:focus-within {
|
|
border-color: var(--form-field-focus-border-color);
|
|
} |