| Current Path : /home/ataenra/www/media/templates/administrator/atum/scss/vendor/bootstrap/ |
| Current File : /home/ataenra/www/media/templates/administrator/atum/scss/vendor/bootstrap/_custom-forms.scss |
// Custom Forms
.custom-select {
@extend .form-select;
}
.form-select {
max-width: $input-max-width;
cursor: pointer;
background: $form-select-background #{"/* rtl:"}$form-select-background-rtl#{"*/"};;
background-color: $form-select-bg;
border: $form-select-border-width solid $form-select-border-color;
&[multiple] {
padding: 0;
background-color: var(--white-offset);
option {
padding: $form-select-multiple-padding-y $form-select-padding-x;
background-color: var(--white-offset);
&:checked {
color: var(--template-text-light);
background-color: var(--template-bg-dark) !important;
}
}
}
&.form-select-success,
&.custom-select-success {
color: var(--success);
background-color: var(--success);
border-color: var(--success);
option {
color: $form-select-color;
background-color: var(--white-offset);
}
}
&.form-select-danger,
&.custom-select-danger {
color: var(--danger);
background-color: var(--danger);
border-color: var(--danger);
option {
color: $form-select-color;
background-color: var(--white-offset);
}
}
&:disabled {
cursor: default;
background-color: #e8e8e8;
background-image: none;
border: 0;
box-shadow: none;
}
optgroup,
option {
color: var(--template-text-dark);
background-color: $white;
&:disabled {
background-color: var(--template-bg-dark-5);
}
}
}