select.css 589 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. .select {
  2. }
  3. .select__option {
  4. }
  5. /* Override some Choices.js defaults */
  6. .choices {
  7. margin-bottom: 0px;
  8. font-size: inherit;
  9. }
  10. .choices__list--multiple .choices__item {
  11. font-size: inherit;
  12. }
  13. /* Actual styling */
  14. .choices__list--dropdown {
  15. white-space: nowrap;
  16. width: auto;
  17. }
  18. .choices__list--multiple {
  19. display: flex;
  20. flex-wrap: wrap;
  21. }
  22. .choices__list--multiple .choices__item {
  23. background-color: maroon;
  24. border: 1px solid maroon;
  25. color: #fff;
  26. }
  27. .choices__list--multiple .choices__item.is-highlighted {
  28. background-color: #00a5bb;
  29. border: 1px solid #008fa1;
  30. }