discourse/plugins/discourse-presence/assets/stylesheets/presence.scss

43 lines
610 B
SCSS
Raw Normal View History

.presence-users{
background-color: $secondary;
color: $primary-medium;
padding: 0px 5px;
position: absolute;
top: 18px;
right: 35px;
.wave {
.dot {
display: inline-block;
animation: wave 1.8s linear infinite;
&:nth-child(2) {
animation-delay: -1.6s;
}
&:nth-child(3) {
animation-delay: -1.4s;
}
}
}
@keyframes wave {
0%, 60%, 100% {
transform: initial;
}
30% {
transform: translateY(-0.2em);
}
}
}
.mobile-view .presence-users{
top: 3px;
right: 54px;
.description{
display:none;
}
}