26 lines
629 B
SCSS
26 lines
629 B
SCSS
.o_mail_message_typing {
|
|
opacity: 0.7;
|
|
|
|
.typing-indicator {
|
|
display: inline-block;
|
|
margin-left: 8px;
|
|
|
|
span {
|
|
display: inline-block;
|
|
width: 8px;
|
|
height: 8px;
|
|
margin: 0 2px;
|
|
background-color: currentColor;
|
|
border-radius: 50%;
|
|
animation: typing 1s infinite;
|
|
|
|
&:nth-child(2) { animation-delay: 0.2s; }
|
|
&:nth-child(3) { animation-delay: 0.4s; }
|
|
}
|
|
}
|
|
}
|
|
|
|
@keyframes typing {
|
|
0%, 100% { transform: translateY(0); }
|
|
50% { transform: translateY(-4px); }
|
|
}
|