_infinitescroll.scss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. /* Globally hidden elements when Infinite Scroll is supported and in use. */
  2. .infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
  3. .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
  4. display: none;
  5. }
  6. /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
  7. .infinity-end.neverending .site-footer {
  8. display: block;
  9. }
  10. #infinite-handle span {
  11. border: 2px solid;
  12. border-color: $color__border-button;
  13. border-radius: 10px;
  14. background: $color__background-button;
  15. box-shadow: none;
  16. color: $color__link;
  17. display: inline-block;
  18. font-weight: bold;
  19. margin-bottom: 1.6em;
  20. @include font-size(1);
  21. letter-spacing: 1px;
  22. line-height: 1;
  23. padding: .8em 1.6em .8em;
  24. text-shadow: none;
  25. text-decoration: none;
  26. text-transform: uppercase;
  27. transition: 0.3s;
  28. position: relative;
  29. left: 50%;
  30. transform: translateX(-50%);
  31. text-align: center;
  32. }
  33. #infinite-handle span button {
  34. transition: none;
  35. }
  36. .infinite-loader {
  37. width: 100%;
  38. .spinner {
  39. position: relative;
  40. left: 50%;
  41. transform: translateX(-50%);
  42. }
  43. }