No Description

_single.scss 1.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. .select2-container--bootstrap4 {
  2. .select2-selection--single {
  3. // height of input box
  4. height: $input-height !important;
  5. // placeholder
  6. .select2-selection__placeholder {
  7. // #757575 is same color of placeholder (on Chrome)
  8. color: #757575;
  9. line-height: $input-height-inner;
  10. }
  11. // arrow
  12. .select2-selection__arrow {
  13. position: absolute;
  14. top: 50%;
  15. right: 3px;
  16. width: 20px;
  17. b {
  18. top: 60%;
  19. border-color: $dark transparent transparent transparent;
  20. border-style: solid;
  21. border-width: 5px 4px 0 4px;
  22. width: 0;
  23. height: 0;
  24. left: 50%;
  25. margin-left: -4px;
  26. margin-top: -2px;
  27. position: absolute;
  28. }
  29. }
  30. // selected item
  31. .select2-selection__rendered {
  32. line-height: $input-height-inner;
  33. }
  34. }
  35. }
  36. // search box
  37. .select2-search--dropdown .select2-search__field {
  38. border: $input-border-width solid $input-border-color;
  39. border-radius: $input-border-radius;
  40. }
  41. // no result message
  42. .select2-results__message {
  43. color: $secondary;
  44. }