client/src/app/shared/channel/avatar.component.scss

   1 @import '_mixins';
   2
   3 .wrapper {
   4   $avatar-size: 35px;
   5
   6   width: $avatar-size;
   7   height: $avatar-size;
   8   position: relative;
   9   margin-right: 5px;
  10
  11   &.avatar-sm {
  12     width: 28px;
  13     height: 28px;
  14   }
  15
  16   a {
  17     @include disable-outline;
  18   }
  19
  20   a img {
  21     height: 100%;
  22     object-fit: cover;
  23     position: absolute;
  24     top:50%;
  25     left:50%;
  26     border-radius: 50%;
  27     transform: translate(-50%,-50%)
  28   }
  29
  30   a:nth-of-type(2) img {
  31     height: 60%;
  32     width: 60%;
  33     border: 2px solid pvar(--mainBackgroundColor);
  34     transform: translateX(15%);
  35     position: relative;
  36     background-color: pvar(--mainBackgroundColor);
  37   }
  38 }