2021-07-09 06:19:21 +00:00
|
|
|
// Form variables
|
|
|
|
$form-background: #f1f5f9;
|
|
|
|
|
|
|
|
.ds-form {
|
|
|
|
.form-group label {
|
2021-07-09 06:44:15 +00:00
|
|
|
transition: all 0.1s ease-in-out;
|
2021-07-09 06:19:21 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.form-group:focus-within {
|
|
|
|
label,
|
|
|
|
input {
|
|
|
|
color: #313747;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
input {
|
|
|
|
background-color: $form-background;
|
|
|
|
border-radius: 15px;
|
|
|
|
border: 1.75px solid transparent;
|
|
|
|
outline: 0;
|
|
|
|
padding: 1rem !important;
|
|
|
|
color: #757d94;
|
|
|
|
|
|
|
|
&:focus,
|
|
|
|
&:active {
|
|
|
|
background-color: $form-background;
|
|
|
|
border: 1.75px solid #2962ff;
|
|
|
|
// color: #313747;
|
|
|
|
}
|
|
|
|
|
|
|
|
&:read-only {
|
|
|
|
background-color: $form-background;
|
|
|
|
cursor: default;
|
|
|
|
|
|
|
|
&:focus,
|
|
|
|
&:active {
|
|
|
|
border: 1.75px solid transparent;
|
|
|
|
color: #757d94;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
label {
|
|
|
|
color: #757d94;
|
|
|
|
}
|
|
|
|
}
|