client/src/app/+videos/+video-watch/video-avatar-channel.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   margin-bottom: 5px;
  11
  12   &.avatar-sm {
  13     width: 28px;
  14     height: 28px;
  15     margin-bottom: 3px;
  16   }
  17
  18   a {
  19     @include disable-outline;
  20   }
  21
  22   a img {
  23     height: 100%;
  24     object-fit: cover;
  25     position: absolute;
  26     top:50%;
  27     left:50%;
  28     transform: translate(-50%,-50%);
  29     border-radius: 5px;
  30
  31     &:not(.channel-avatar) {
  32       border-radius: 50%;
  33     }
  34   }
  35
  36   a:nth-of-type(2) img {
  37     height: 60%;
  38     width: 60%;
  39     border: 2px solid pvar(--mainBackgroundColor);
  40     transform: translateX(15%);
  41     position: relative;
  42     background-color: pvar(--mainBackgroundColor);
  43   }
  44 }