fix: quote skeleton

This commit is contained in:
alexsparkes
2022-07-24 23:47:45 +01:00
parent c0166ceb0b
commit 1a0ae2f59b
2 changed files with 58 additions and 20 deletions

View File

@@ -138,25 +138,17 @@ h1.quoteauthor {
}
.author-content.whileLoading {
gap: 5px;
.title {
color: transparent;
width: 100px;
background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
background-size: 200% 100%;
animation: 1.5s shine linear infinite;
}
.subtitle {
color: transparent;
width: 50px;
background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
background-size: 200% 100%;
animation: 1.5s shine linear infinite;
}
}
@keyframes shine {
to {
background-position-x: -200%;
@include themed() {
gap: 5px;
.title {
color: transparent;
width: 100px;
background: t($modal-sidebar);
}
.subtitle {
color: transparent;
width: 50px;
background: t($modal-sidebarActive);
}
}
}