.avatar {
  vertical-align: middle;
  &--xsmall {
    width: 16px;
    height: 16px;
  }
  &--small {
    width: 24px;
    height: 24px;
  }
  &--medium {
    width: 32px;
    height: 32px;
  }
  &--large {
    width: 64px;
    height: 64px;
  }
  &--xlarge {
    width: 128px;
    height: 128px;
  }
}