26 lines
414 B
SCSS
26 lines
414 B
SCSS
%presence {
|
|
display: inline-block;
|
|
width: 8px;
|
|
height: 8px;
|
|
align-self: flex-start;
|
|
align-items: center;
|
|
text-indent: -10000000px;
|
|
margin-right: 4px;
|
|
border-radius: 100px;
|
|
}
|
|
.presence {
|
|
@extend %presence;
|
|
&.pcOn {
|
|
background-color: #28ad66;
|
|
}
|
|
&.pcOut {
|
|
background-color: #f35b5b;
|
|
}
|
|
&.pcOff {
|
|
background-color: #a29f9f;
|
|
}
|
|
&.pcOther {
|
|
background-color: #f0c10a;
|
|
}
|
|
}
|