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.

48 lines
688B

  1. .search-container {
  2. display: inline-block;
  3. position: relative;
  4. width: 300px;
  5. input {
  6. width: 100%;
  7. padding: 0.5rem;
  8. }
  9. }
  10. .search-results {
  11. display: none;
  12. position: absolute;
  13. background: white;
  14. color: black;
  15. padding: 1rem;
  16. box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5);
  17. max-height: 500px;
  18. overflow: auto;
  19. width: 150%;
  20. right: 0;
  21. &__items {
  22. list-style: none;
  23. }
  24. li {
  25. margin-top: 1rem;
  26. border-bottom: 1px solid #ccc;
  27. font-size: 0.9rem;
  28. &:first-of-type {
  29. margin-top: 0;
  30. }
  31. }
  32. &__item {
  33. margin-bottom: 1rem;
  34. a {
  35. font-size: 1.2rem;
  36. display: inline-block;
  37. margin-bottom: 0.5rem;
  38. }
  39. }
  40. }