infiniteScroll.scss 718 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. .infinite-list {
  2. height: 300px;
  3. padding: 0;
  4. margin: 0;
  5. list-style: none;
  6. overflow: auto;
  7. .infinite-list-item {
  8. display: flex;
  9. align-items: center;
  10. justify-content: center;
  11. height: 50px;
  12. background: #e8f3fe;
  13. margin: 10px;
  14. color: lighten(#1989fa, 20%);
  15. & + .list-item {
  16. margin-top: 10px
  17. }
  18. }
  19. }
  20. .infinite-list-wrapper {
  21. height: 300px;
  22. overflow: auto;
  23. text-align: center;
  24. .list{
  25. padding: 0;
  26. margin: 0;
  27. list-style: none;
  28. }
  29. .list-item{
  30. display: flex;
  31. align-items: center;
  32. justify-content: center;
  33. height: 50px;
  34. background: #fff6f6;
  35. color: #ff8484;
  36. & + .list-item {
  37. margin-top: 10px
  38. }
  39. }
  40. }