AdminLTE/build/scss/plugins/_mixins.scss
REJack cd5f84b253
enhanced default select2 theme (built in)
- created build/scss/plugins/_mixins.scss
- updated build/scss/plugins/_select2.scss
- added color variation for select2
- updated build/scss/AdminLTE(-raw).scss
- updated pages/forms/advanced.html with color variations and both themes
2019-09-25 10:24:16 +02:00

65 lines
1.4 KiB
SCSS

//
// General: Mixins
//
// Select2 Variant
@mixin select2-variant($name, $color) {
.select2-#{$name} {
.select2-container--default &,
.select2-container--default {
&.select2-dropdown,
.select2-dropdown,
.select2-search--inline {
.select2-search__field {
&:focus {
border: $input-border-width solid lighten($color, 25%);
}
}
}
.select2-results__option--highlighted {
background-color: $color;
color: color-yiq($color);
&[aria-selected] {
&,
&:hover {
background-color: darken($color, 3%);
color: color-yiq(darken($color, 3%));
}
}
}
//Multiple select
& {
.select2-selection--multiple {
&:focus {
border-color: lighten($color, 25%);
}
}
&.select2-container--focus .select2-selection--multiple {
border-color: lighten($color, 25%);
}
}
.select2-selection--multiple {
.select2-selection__choice {
background-color: $color;
border-color: darken($color, 5%);
color: color-yiq($color);
}
.select2-selection__choice__remove {
color: rgba(color-yiq($color), 0.7);
&:hover {
color: color-yiq($color);
}
}
}
}
}
}