react-chat-elements-av
Version:
Reactjs chat components
78 lines (64 loc) • 1.22 kB
CSS
.rce-avatar-container {
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.rce-avatar-container .rce-avatar {
width: 100%;
height: 100%;
}
.rce-avatar-container.flexible .rce-avatar {
height: auto ;
width: 100% ;
border-radius: unset ;
overflow: unset ;
}
.rce-avatar-container.default{
width: 25px;
height: 25px;
}
.rce-avatar-container.rounded{
border-radius: 5px;
}
.rce-avatar-container.circle{
border-radius: 100%;
}
.rce-avatar-container.xsmall{
width: 30px;
height: 30px;
}
.rce-avatar-container.small{
width: 35px;
height: 35px;
}
.rce-avatar-container.medium{
width: 40px;
height: 40px;
}
.rce-avatar-container.large{
width: 45px;
height: 45px;
}
.rce-avatar-container.xlarge{
width: 55px;
height: 55px;
}
@keyframes avatarLazy {
0% {
opacity:1;
}
50% {
opacity:.5;
}
100% {
opacity:1;
}
}
.rce-avatar-lazy {
animation: avatarLazy normal 2s infinite ease-in-out;
}
.rce-avatar-container.rce-citem-avatar-encircle-status {
box-sizing: border-box;
position: relative;
}