mirror of
https://github.com/muerwre/vault-frontend.git
synced 2025-04-25 12:56:41 +07:00
node no comments
This commit is contained in:
parent
b4d7bd2c8a
commit
96bdbb0e04
11 changed files with 103 additions and 61 deletions
|
@ -1,6 +1,43 @@
|
|||
@keyframes fade {
|
||||
0% {
|
||||
opacity: 0.25;
|
||||
}
|
||||
100% {
|
||||
opacity: 0.1;
|
||||
}
|
||||
}
|
||||
.wrap {
|
||||
height: 300px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
|
||||
@include after_shade($node_bg);
|
||||
|
||||
&:global(.is_loading) {
|
||||
.card {
|
||||
animation: fade 0.5s infinite alternate;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.card {
|
||||
opacity: 0.2;
|
||||
border-radius: $radius;
|
||||
height: 96px;
|
||||
background: $comment_bg;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-transform: uppercase;
|
||||
font: $font_18_semibold;
|
||||
color: transparentize(white, 0.5);
|
||||
@include outer_shadow();
|
||||
|
||||
&:nth-child(2) {
|
||||
// animation-delay: -300ms !important;
|
||||
}
|
||||
|
||||
&:nth-child(3) {
|
||||
// animation-delay: -600ms !important;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue