_infinitescroll.scss 828 B

1234567891011121314151617181920212223242526272829303132333435363738
  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 {
  11. margin: 0 0 3.2em;
  12. }
  13. #infinite-handle span {
  14. @extend button;
  15. display: inline-block;
  16. -webkit-appearance: inherit;
  17. margin: 0 auto;
  18. left: 50%;
  19. transform: translateX(-50%);
  20. button {
  21. border: 0;
  22. outline: 0;
  23. }
  24. }
  25. .infinite-loader {
  26. margin-bottom: 3.2em;
  27. }
  28. .infinite-loader .spinner {
  29. margin: 0 auto;
  30. left: 50%;
  31. transform: translateX(-50%);
  32. }