Lsx.module.scss 756 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. .lsx :global {
  2. // workaround
  3. // https://stackoverflow.com/a/57667536
  4. .lsx-blink {
  5. & :local {
  6. animation: lsx-fade-in 1s ease 0s infinite alternate;
  7. }
  8. }
  9. .lsx-load-more-row {
  10. opacity: .5;
  11. .start-items-label {
  12. display: none;
  13. }
  14. .btn-load-more {
  15. border-right-style: hidden;
  16. border-bottom-style: hidden;
  17. border-left-style: hidden;
  18. border-radius: 0;
  19. }
  20. }
  21. .lsx-load-more-row:hover {
  22. opacity: 1;
  23. .start-items-label {
  24. display: inline;
  25. }
  26. .btn-load-more {
  27. border-style: solid;
  28. }
  29. }
  30. .lsx-load-more-container {
  31. max-width: 250px;
  32. border-top: 1px black;
  33. }
  34. }
  35. @keyframes lsx-fade-in {
  36. 0% {
  37. opacity: 0.2;
  38. }
  39. 100% {
  40. opacity: 0.9;
  41. }
  42. }