47 lines
647 B
SCSS
47 lines
647 B
SCSS
.avatar {
|
|
background: #E4E8ED;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
overflow: hidden;
|
|
position: relative;
|
|
height: 50px;
|
|
width: 50px;
|
|
|
|
>img,
|
|
object {
|
|
object-fit: cover;
|
|
object-position: center;
|
|
}
|
|
>img {
|
|
max-height: 100%;
|
|
max-width: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
>object {
|
|
max-height: 40%;
|
|
max-width: 40%;
|
|
}
|
|
|
|
&.xsmall {
|
|
height: 31px;
|
|
width: 31px;
|
|
}
|
|
&.small {
|
|
height: 44px;
|
|
width: 44px;
|
|
}
|
|
&.large {
|
|
height: 180px;
|
|
width: 180px;
|
|
}
|
|
&.xlarge {
|
|
height: 241px;
|
|
width: 241px;
|
|
}
|
|
}
|