git init

liuxiaolong

2019-05-06 acc45d2ece02563964d7b8a22ff0c40bd8358889

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
@import "~@/vendor/styles/_appwork/functions";
 
@mixin vue-multiselect-validation-state($state, $color) {
  .is-#{$state} .multiselect:not(.multiselect--active) .multiselect__tags,
  .multiselect.is-#{$state}:not(.multiselect--active) .multiselect__tags {
    border-color: $color;
  }
}
 
@mixin vue-multiselect-variant($background, $color: null) {
  $color: if($color, $color, yiq($background));
 
  .multiselect__tag {
    background: $background !important;
    color: $color !important;
  }
}
 
@mixin vue-multiselect-theme($background, $color: null) {
  $color: if($color, $color, yiq($background));
 
  .multiselect__spinner:before,
  .multiselect__spinner:after {
    border-top-color: $background !important;
  }
 
  .multiselect--active .multiselect__tags {
    border-color: $background !important;
  }
 
  .multiselect__option--highlight,
  .multiselect__option--selected.multiselect__option--highlight {
    background: $background !important;
    color: $color !important;
  }
 
  .multiselect-primary {
    @include vue-multiselect-variant($background, $color);
  }
}
 
@mixin material-vue-multiselect-theme($background, $color: null) {
  $color: if($color, $color, yiq($background));
 
  .multiselect__spinner:before,
  .multiselect__spinner:after {
    border-top-color: $background !important;
  }
 
  .multiselect--active .multiselect__tags {
    border-color: $background !important;
    box-shadow: 0 -1px 0 0 $background inset !important;
  }
 
  .multiselect__option--highlight,
  .multiselect__option--selected.multiselect__option--highlight {
    background: $background !important;
    color: $color !important;
  }
 
  .multiselect-primary {
    @include vue-multiselect-variant($background, $color);
  }
}