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

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