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,
|
2021-07-11 05:13:52 +00:00
|
|
|
input,
|
|
|
|
select {
|
|
|
|
color: #313747 !important;
|
2021-07-09 06:19:21 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2021-07-11 04:16:42 +00:00
|
|
|
input,
|
2021-07-13 06:06:47 +00:00
|
|
|
input:-webkit-autofill,
|
2021-07-11 04:16:42 +00:00
|
|
|
select {
|
2021-07-09 06:19:21 +00:00
|
|
|
background-color: $form-background;
|
|
|
|
border-radius: 15px;
|
|
|
|
border: 1.75px solid transparent;
|
|
|
|
outline: 0;
|
|
|
|
padding: 1rem !important;
|
2021-07-11 05:13:52 +00:00
|
|
|
color: #757d94 !important;
|
2021-07-09 06:19:21 +00:00
|
|
|
|
|
|
|
&:focus,
|
|
|
|
&:active {
|
|
|
|
background-color: $form-background;
|
|
|
|
border: 1.75px solid #2962ff;
|
|
|
|
}
|
|
|
|
|
|
|
|
&:read-only {
|
2021-07-10 22:20:53 +00:00
|
|
|
background-color: #eaebee;
|
2021-07-09 06:19:21 +00:00
|
|
|
cursor: default;
|
2021-07-10 22:20:53 +00:00
|
|
|
color: #9aa2b8;
|
2021-07-09 06:19:21 +00:00
|
|
|
|
|
|
|
&:focus,
|
|
|
|
&:active {
|
|
|
|
border: 1.75px solid transparent;
|
|
|
|
color: #757d94;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2021-07-11 04:16:42 +00:00
|
|
|
select {
|
|
|
|
background-color: $form-background !important;
|
|
|
|
appearance: none;
|
|
|
|
cursor: pointer !important;
|
|
|
|
border: none;
|
|
|
|
outline: 0;
|
|
|
|
|
|
|
|
background: url(./../../img_datasurvey/down-arrow.svg) no-repeat right;
|
|
|
|
background-size: 3.5%;
|
|
|
|
-webkit-appearance: none;
|
|
|
|
background-position-x: 94%;
|
|
|
|
|
|
|
|
&:focus,
|
|
|
|
&:active {
|
|
|
|
background-color: $form-background !important;
|
|
|
|
border: 1.75px solid #2962ff !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
option {
|
|
|
|
background-color: #fff !important;
|
|
|
|
color: #313747 !important;
|
|
|
|
padding: 1rem !important;
|
|
|
|
|
|
|
|
&:hover,
|
|
|
|
&:focus,
|
|
|
|
&:active {
|
|
|
|
background-color: #efefef !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2021-07-09 06:19:21 +00:00
|
|
|
label {
|
|
|
|
color: #757d94;
|
|
|
|
}
|
|
|
|
}
|
2021-07-11 23:45:21 +00:00
|
|
|
|
|
|
|
input:-internal-autofill-selected,
|
|
|
|
input:-webkit-autofill,
|
|
|
|
input:-webkit-autofill:hover,
|
|
|
|
input:-webkit-autofill:focus,
|
|
|
|
input:-webkit-autofill:active {
|
|
|
|
background-color: $form-background !important;
|
|
|
|
}
|