mirror of
https://github.com/hexastack/hexabot
synced 2025-06-26 18:27:28 +00:00
40 lines
710 B
SCSS
40 lines
710 B
SCSS
.sc-typing-indicator {
|
|
text-align: center;
|
|
padding: 0.5rem;
|
|
border-radius: 2rem;
|
|
width: 50px;
|
|
margin-left: 2rem;
|
|
}
|
|
|
|
.sc-typing-indicator span {
|
|
display: inline-block;
|
|
background-color: #b6b5ba;
|
|
width: 5px;
|
|
height: 5px;
|
|
border-radius: 100%;
|
|
margin-right: 3px;
|
|
animation: bob 2s infinite;
|
|
}
|
|
|
|
/* SAFARI GLITCH */
|
|
.sc-typing-indicator span:nth-child(1) {
|
|
animation-delay: -1s;
|
|
}
|
|
.sc-typing-indicator span:nth-child(2) {
|
|
animation-delay: -0.85s;
|
|
}
|
|
.sc-typing-indicator span:nth-child(3) {
|
|
animation-delay: -0.7s;
|
|
}
|
|
|
|
@keyframes bob {
|
|
10% {
|
|
transform: translateY(-10px);
|
|
background-color: #9e9da2;
|
|
}
|
|
50% {
|
|
transform: translateY(0);
|
|
background-color: #b6b5ba;
|
|
}
|
|
}
|