.partial-content.is-loading .page-header .has-content-placeholder {
border-radius: 0.5rem;
overflow: hidden;
position: relative;
}
.partial-content.is-loading .page-header .archive-image.has-content-placeholder {
border-radius: 50%;
}
.partial-content.is-loading .page-header .has-content-placeholder::after {
animation: tripp-xt-posts-loading-placeholder 1.25s linear forwards infinite;
background: rgb(var(--tripp-color-surface-rgb)) var(--tripp-xt-loading-placholder-background);
background-size: 200% 100%;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 20;
}
.partial-content.is-loading .has-content-placeholder .entry {
pointer-events: none;
}
.partial-content.is-loading .has-content-placeholder .entry .entry-media,
.partial-content.is-loading .has-content-placeholder .entry .entry-header,
.partial-content.is-loading .has-content-placeholder .entry .entry-summary {
position: relative;
}
.partial-content.is-loading .has-content-placeholder .entry .entry-media::after,
.partial-content.is-loading .has-content-placeholder .entry .entry-header::after,
.partial-content.is-loading .has-content-placeholder .entry .entry-summary::after,
.partial-content.is-loading .has-content-placeholder .entry .entry-footer::after {
animation: tripp-xt-posts-loading-placeholder 1.25s linear forwards infinite;
background: rgb(var(--tripp-color-surface-rgb)) var(--tripp-xt-loading-placholder-background);
background-size: 200% 100%;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 20;
}
.partial-content.is-loading .has-content-placeholder .entry .entry-header::after,
.partial-content.is-loading .has-content-placeholder .entry .entry-summary::after,
.partial-content.is-loading .has-content-placeholder .entry .entry-footer::after,
.partial-content.is-loading .has-content-placeholder .entry .entry-buttons::after {
border-radius: 0.5rem;
}
#content-footer {
position: absolute;
visibility: hidden;
} .comment-list .comment {
transition: opacity 0.5s ease-in-out 0.15s;
}
.comment-list .comment.new-comment-hidden {
opacity: 0;
}
.comment-list .comment .comment-header,
.comment-list .comment .comment-content {
transition: background-color 0.3s ease-in-out;
}
.comment-list .comment.new-comment-active .comment-header,
.comment-list .comment.new-comment-active .comment-content {
background-color: rgba(var(--tripp-color-on-surface-rgb), 0.1);
}