infinite-scroll.scss 682 B

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