Proyectos de Subversion LeadersLinked - Backend

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
16825 efrain 1 
// npm package: select2
2 
// github link: https://github.com/select2/select2
3 
 
4 
.select2-container--default {
5 
  .select2-selection--single,
6 
  .select2-selection--multiple {
7 
    background: $input-bg;
8 
    border: 1px solid $input-border-color;
9 
    border-radius: $border-radius;
10 
    @at-root #{selector-append(".select2-container--focus", &)} {
11 
      border: 1px solid $input-focus-border-color;
12 
    }
13 
  }
14 
}
15 
 
16 
.select2-container--default .select2-selection--single .select2-selection__rendered {
17 
  color: $body-color;
18 
}
19 
 
20 
.select2-dropdown {
21 
  background: $dropdown-bg;
22 
  border: 1px solid $input-focus-border-color;
23 
  border-radius: $border-radius;
24 
}
25 
 
26 
.select2-container--default {
27 
  .select2-search--dropdown .select2-search__field {
28 
    @extend .form-control;
29 
  }
30 
  .select2-results__option--highlighted[aria-selected],
31 
  .select2-results__option[aria-selected=true] {
32 
    background-color: $primary;
33 
  }
34 
  .select2-search--inline .select2-search__field {
35 
    color: $body-color;
36 
  }
37 
}
38 
 
39 
.select2-container .select2-selection--single,
40 
.select2-container .select2-selection--multiple {
41 
  height: auto;
42 
}
43 
 
44 
.select2-container--default .select2-selection--single {
45 
  .select2-selection__rendered {
46 
    line-height: 1.5;
47 
    padding: $input-btn-padding-y $input-btn-padding-x;
48 
  }
49 
  .select2-selection__arrow {
50 
    height: 100%;
51 
    b {
52 
      left: 0;
53 
    }
54 
  }
55 
}
56 
 
57 
.select2-container--default .select2-selection--multiple {
58 
  min-height: 38px;
59 
  .select2-selection__rendered {
60 
    padding: 0 6px
61 
  }
62 
  .select2-selection__choice {
63 
    background-color: $primary;
64 
    color: $white;
65 
    border-color: $primary;
66 
    padding: 1px 8px;
67 
    border-radius: .15rem;
68 
    margin-top: 5px;
69 
  }
70 
  .select2-selection__choice__remove {
71 
    color: $white;
72 
    opacity: .5;
73 
  }
74 
}
75 
 
76 
.select2-container .select2-search--inline {
77 
  margin-top: 3px;
78 
}