_select2.scss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. .select2-container--default {
  2. .select2-selection--single {
  3. background-color: #f6f7fc;
  4. border: 1px solid $border !important;
  5. }
  6. &.select2-container--focus .select2-selection--multiple {
  7. background-color: $white;
  8. border: 1px solid #9ca3b1;
  9. outline: 0;
  10. box-shadow: none;
  11. }
  12. .select2-selection--multiple {
  13. background-color: #f6f7fc;
  14. border: 1px solid $border !important;
  15. cursor: text;
  16. }
  17. .select2-search--dropdown .select2-search__field {
  18. border: 1px solid $border !important;
  19. }
  20. .select2-selection--multiple {
  21. .select2-selection__choice,
  22. .select2-selection__choice__remove {
  23. color: $white !important;
  24. }
  25. }
  26. .select2-results>.select2-results__options {
  27. box-shadow: 0px 16px 18px rgba(104, 113, 123, .2);
  28. }
  29. }
  30. .select2-container .select2-selection--single {
  31. height: 2.375rem !important;
  32. }
  33. .select2-container--default .select2-selection--single {
  34. outline: none;
  35. .select2-selection__rendered {
  36. color: #444;
  37. line-height: 36px !important;
  38. }
  39. .select2-selection__arrow {
  40. height: 2.375rem !important;
  41. inset-inline-end: 9px !important;
  42. }
  43. }
  44. .select2-dropdown {
  45. z-index: 6 !important;
  46. }