mamberamo/public/style/scss/components/forms/_form-addons-select2.scss

101 lines
1.7 KiB
SCSS
Raw Permalink Normal View History

2022-04-13 13:51:55 +07:00
.select2-container {
width: 100% !important;
}
.select2-container--default .select2-selection--single {
border-radius: $radius;
border: 1px solid $light;
height: 40px;
background: $white;
@at-root [data-theme-version="dark"] & {
background:$d-bg;
border-color:$d-border;
}
&:hover,&:focus,&.active{
box-shadow: none;
}
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 40px;
color:$body-color;
padding-left: 15px;
min-height: 40px;
}
.select2-container--default .select2-selection--multiple {
border-color: $border;
border-radius: 0;
}
.select2-dropdown {
border-radius: 0;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: $primary;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border-color: $border;
background: $white;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 6px;
right: 15px;
}
.select2-container .select2-selection--multiple{
min-height: 40px;
color:$body-color;
border-radius: $radius;
border: 1px solid $light;
@at-root [data-theme-version="dark"] & {
background:$d-bg;
border-color:$d-border;
}
}
.select2-search--dropdown .select2-search__field{
@at-root [data-theme-version="dark"] & {
background:$dark-card;
border-color:$d-border;
}
}
.select2-dropdown{
border-color: $light;
@at-root [data-theme-version="dark"] & {
background:$d-bg;
border-color:$d-border;
}
}
.swal2-popup .swal2-content{
color:$body-color;
}