33 lines
506 B
SCSS
33 lines
506 B
SCSS
.DotAnimation {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
|
|
.ellipsis {
|
|
display: flex;
|
|
width: 1rem;
|
|
overflow: hidden;
|
|
|
|
&::after {
|
|
content: "...";
|
|
animation: dot-animation 1s steps(4, start) infinite;
|
|
|
|
html[lang="ar"] &,
|
|
html[lang="fa"] & {
|
|
animation-name: dot-animation-rtl;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@keyframes dot-animation {
|
|
from {
|
|
transform: translateX(-1rem);
|
|
}
|
|
}
|
|
|
|
@keyframes dot-animation-rtl {
|
|
from {
|
|
transform: translateX(1rem);
|
|
}
|
|
}
|