54 lines
1.5 KiB
SCSS
54 lines
1.5 KiB
SCSS
.form-control{
|
|
height: 35px;
|
|
border-radius: 4px;
|
|
|
|
&:focus {
|
|
background-color: var(--bs-body-bg);
|
|
border-color: $primary-color;
|
|
box-shadow: 0 0 0 .25rem #01b0e847;
|
|
color: var(--bs-body-color);
|
|
outline: 0;
|
|
}
|
|
&:not(:disabled):not([readonly]) {
|
|
cursor: pointer;
|
|
}
|
|
&[readonly] {
|
|
background-color: rgba(1, 176, 232, 0.1);
|
|
color: #888;
|
|
border: none;
|
|
cursor: not-allowed;
|
|
}
|
|
&[readonly]:focus {
|
|
background-color: rgba(1, 176, 232, 0.2); /* Сделаем фон чуть ярче */
|
|
}
|
|
}
|
|
|
|
.fkey {
|
|
background-color: #fff !important;
|
|
border: 1px solid #ced4da!important;
|
|
cursor: pointer!important;
|
|
color: $text-color!important;
|
|
}
|
|
|
|
textarea.form-control, textarea{
|
|
height: auto;
|
|
}
|
|
|
|
.form-check-input:checked {
|
|
background-color: $primary-color;
|
|
border-color: $primary-color;
|
|
}
|
|
.form-check-input:focus {
|
|
border-color: $primary-color;
|
|
outline: 0;
|
|
box-shadow: 0 0 0 0.25rem rgba(1, 147, 199, 0.3);
|
|
}
|
|
.form-switch .form-check-input:focus:not(:checked) {
|
|
--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb(1, 147, 199)' fill-opacity='0.5'/%3e%3c/svg%3e");
|
|
}
|
|
|
|
.form-switch .form-check-input:focus:checked {
|
|
--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e");
|
|
}
|
|
|