_autocomplete.scss 795 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. // Autocomplete
  2. .form-autocomplete {
  3. position: relative;
  4. .form-autocomplete-input {
  5. align-content: flex-start;
  6. display: flex;
  7. flex-wrap: wrap;
  8. height: auto;
  9. min-height: $unit-8;
  10. padding: $unit-h;
  11. &.is-focused {
  12. @include control-shadow();
  13. border-color: $primary-color;
  14. }
  15. .form-input {
  16. border-color: transparent;
  17. box-shadow: none;
  18. display: inline-block;
  19. flex: 1 0 auto;
  20. height: $unit-6;
  21. line-height: $unit-4;
  22. margin: $unit-h;
  23. width: auto;
  24. }
  25. }
  26. .menu {
  27. left: 0;
  28. position: absolute;
  29. top: 100%;
  30. width: 100%;
  31. }
  32. &.autocomplete-oneline {
  33. .form-autocomplete-input {
  34. flex-wrap: nowrap;
  35. overflow-x: auto;
  36. }
  37. .chip {
  38. flex: 1 0 auto;
  39. }
  40. }
  41. }