this repo has no description
Add a swoosh
+22
+22
src/components/status.css
+22
src/components/status.css
···
1218
1218
.status-badge .pin {
1219
1219
color: var(--red-color);
1220
1220
}
1221
+
@keyframes swoosh-from-right {
1222
+
0% {
1223
+
opacity: 0;
1224
+
transform: translateX(300%);
1225
+
}
1226
+
100% {
1227
+
opacity: 1;
1228
+
transform: translateX(0);
1229
+
}
1230
+
}
1231
+
.status-badge > * {
1232
+
animation: swoosh-from-right 1s cubic-bezier(0.51, 0.28, 0.16, 1.26) both;
1233
+
}
1234
+
.status-badge > *:nth-child(2) {
1235
+
animation-delay: 0.1s;
1236
+
}
1237
+
.status-badge > *:nth-child(3) {
1238
+
animation-delay: 0.2s;
1239
+
}
1240
+
.status-badge > *:nth-child(4) {
1241
+
animation-delay: 0.3s;
1242
+
}
1221
1243
1222
1244
/* MISC */
1223
1245