No Description
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

_multiple.scss 1.1KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. .select2-container--bootstrap4 {
  2. .select2-selection--multiple {
  3. // height of input box
  4. min-height: $input-height !important;
  5. // input box
  6. .select2-selection__rendered {
  7. box-sizing: border-box;
  8. list-style: none;
  9. margin: 0;
  10. padding: 0 5px;
  11. width: 100%;
  12. }
  13. // each selected item in input box
  14. .select2-selection__choice {
  15. color: $dark;
  16. border: 1px solid darken($light, 20%);
  17. border-radius: $btn-border-radius-sm;
  18. padding: 0;
  19. padding-right: 5px;
  20. cursor: pointer;
  21. float: left;
  22. margin-top: 0.3em;
  23. margin-right: 5px;
  24. }
  25. // x button of each selected item in input box
  26. .select2-selection__choice__remove {
  27. color: darken($light, 20%);
  28. font-weight: bold;
  29. margin-left: 3px;
  30. margin-right: 1px;
  31. padding-right: 3px;
  32. padding-left: 3px;
  33. float: left;
  34. &:hover {
  35. color: $dark;
  36. }
  37. }
  38. }
  39. }