autocomplete.less 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. /*! Autocomplete.js v2.6.3 | license MIT | (c) 2017, Baptiste Donaux | http://autocomplete-js.com */
  2. @background_color: white;
  3. .autocomplete {
  4. position: absolute;
  5. max-height: 0;
  6. overflow-y: hidden;
  7. text-align: left;
  8. &:active,
  9. &:focus,
  10. &:hover {
  11. background-color: @background_color;
  12. }
  13. &:empty {
  14. display: none;
  15. }
  16. > ul {
  17. list-style-type: none;
  18. margin: 0;
  19. padding: 0;
  20. > li {
  21. cursor: pointer;
  22. padding: 5px 0 5px 10px;
  23. &.active,
  24. &:active,
  25. &:focus {
  26. background-color: @color-base;
  27. a:active,
  28. a:focus,
  29. a:hover {
  30. text-decoration: none;
  31. }
  32. }
  33. &.locked {
  34. cursor: inherit;
  35. }
  36. }
  37. }
  38. &.open {
  39. display: block;
  40. background-color: @background_color;
  41. border: 1px solid @color-base;
  42. max-height: 500px;
  43. overflow-y: auto;
  44. z-index: 100;
  45. &:empty {
  46. display: none;
  47. }
  48. }
  49. }
  50. @media screen and (max-width: @results-width) {
  51. .autocomplete {
  52. bottom: 0;
  53. }
  54. .autocomplete > ul > li {
  55. padding: 7px 0 7px 10px;
  56. border-bottom: 1px solid @color-result-top-border;
  57. text-align: left;
  58. }
  59. }