fix(turbopack): fix animation issues with unnamed animations in CSS modules (#26408)

This commit is contained in:
lyzno1 2025-09-29 13:47:48 +08:00 committed by GitHub
parent d2f0551170
commit 00f3a53f1c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 16 additions and 4 deletions

View File

@ -1,6 +1,6 @@
.dot-flashing {
position: relative;
animation: 1s infinite linear alternate;
animation: dot-flashing 1s infinite linear alternate;
animation-delay: 0.5s;
}
@ -10,7 +10,7 @@
display: inline-block;
position: absolute;
top: 0;
animation: 1s infinite linear alternate;
animation: dot-flashing 1s infinite linear alternate;
}
.dot-flashing::before {
@ -51,15 +51,21 @@
border-radius: 50%;
background-color: #667085;
color: #667085;
animation-name: dot-flashing;
animation: dot-flashing 1s infinite linear alternate;
}
.text {
animation-delay: 0.5s;
}
.text::before {
left: -7px;
animation-delay: 0s;
}
.text::after {
left: 7px;
animation-delay: 1s;
}
.avatar,
@ -70,13 +76,19 @@
border-radius: 50%;
background-color: #155EEF;
color: #155EEF;
animation-name: dot-flashing-avatar;
animation: dot-flashing-avatar 1s infinite linear alternate;
}
.avatar {
animation-delay: 0.5s;
}
.avatar::before {
left: -5px;
animation-delay: 0s;
}
.avatar::after {
left: 5px;
animation-delay: 1s;
}