_mixins.scss
1.64 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
//
// General: Mixins
//
// Select2 Variant
@mixin select2-variant($name, $color) {
.select2-#{$name} {
+ .select2-container--default {
&.select2-container--open {
.select2-selection--single {
border-color: lighten($color, 25%);
}
}
&.select2-container--focus .select2-selection--single {
border-color: lighten($color, 25%);
}
}
.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-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);
}
}
}
&.select2-container--focus .select2-selection--multiple {
border-color: lighten($color, 25%);
}
}
}
}
}