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