2022-03-09 21:10:08 +00:00
|
|
|
.form-container {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
2022-03-10 18:31:05 +00:00
|
|
|
row-gap: 0.5rem;
|
2022-03-09 21:10:08 +00:00
|
|
|
|
2022-03-10 18:31:05 +00:00
|
|
|
.btn,
|
|
|
|
.btn-group {
|
2022-03-09 21:10:08 +00:00
|
|
|
margin-top: 1rem;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.form-label {
|
|
|
|
margin-top: 1rem;
|
|
|
|
text-transform: uppercase;
|
|
|
|
font-weight: 600;
|
|
|
|
}
|
|
|
|
|
|
|
|
input.form-control {
|
|
|
|
padding: 8px;
|
|
|
|
font-size: 1rem;
|
|
|
|
border-radius: 4px;
|
2022-03-20 14:50:12 +00:00
|
|
|
border: 1px solid var(--form-border);
|
2022-03-09 21:10:08 +00:00
|
|
|
|
|
|
|
transition: outline 0.15s linear;
|
|
|
|
|
|
|
|
&:focus {
|
2022-03-20 14:50:12 +00:00
|
|
|
outline: 4px solid var(--focus-outline);
|
2022-03-09 21:10:08 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
&:hover,
|
|
|
|
&:focus {
|
2022-03-20 14:50:12 +00:00
|
|
|
border: 1px solid var(--form-border-hover);
|
2022-03-09 21:10:08 +00:00
|
|
|
}
|
|
|
|
}
|