client/src/app/shared/shared-actor-image-edit/actor-avatar-edit.component.scss

   1 @import '_variables';
   2 @import '_mixins';
   3
   4 .actor {
   5   display: flex;
   6
   7   img {
   8     margin-right: 15px;
   9
  10     &:not(.channel) {
  11       @include avatar(100px);
  12     }
  13
  14     &.channel {
  15       @include channel-avatar(100px);
  16     }
  17   }
  18
  19   .actor-info {
  20     display: inline-flex;
  21     flex-direction: column;
  22
  23     .actor-info-display-name {
  24       font-size: 20px;
  25       font-weight: $font-bold;
  26
  27       @media screen and (max-width: $small-view) {
  28         font-size: 16px;
  29       }
  30     }
  31
  32     .actor-info-username {
  33       position: relative;
  34       font-size: 14px;
  35       color: pvar(--greyForegroundColor);
  36     }
  37
  38     .actor-info-followers {
  39       font-size: 15px;
  40       padding-bottom: .5rem;
  41     }
  42   }
  43 }
  44
  45 .actor-img-edit-container {
  46   position: relative;
  47   width: 0;
  48 }
  49
  50 .actor-img-edit-button {
  51   top: 55px;
  52   right: 45px;
  53   border-radius: 50%;
  54 }