Ghost_Ruby_Theme/assets/css/blog/pagination.css
2020-10-19 09:07:40 +08:00

35 lines
580 B
CSS

.pagination,
.infinite-scroll-status,
body:not(.paged-next) .infinite-scroll-button {
display: none;
}
.infinite-scroll-request {
margin: 30px auto 0;
width: 40px;
height: 40px;
background-color: var(--dark-gray-color);
border-radius: 50%;
animation: scaleOut 1s infinite ease-in-out;
}
.infinite-scroll-action {
display: flex;
justify-content: center;
}
.infinite-scroll-button {
margin-top: 30px;
}
@keyframes scaleOut {
0% {
transform: scale(0);
}
100% {
opacity: 0;
transform: scale(1);
}
}