//
// Copyright (c) Tiny Technologies, Inc. All rights reserved.
// Licensed under the LGPL or a commercial license.
// For LGPL see License.txt in the project root for license information.
// For commercial licenses see https://www.tiny.cloud/
//

//
// User
//

@user-name-font-weight: @font-weight-bold;
@user-name-font-style: normal;
@user-name-font-size: @font-size-xs;
@user-name-text-transform: uppercase;
@user-name-text-color: @text-color-muted;
@user-avatar-color: @text-color-muted;

.tox {
  .tox-user {
    align-items: center;
    display: flex;
  }

  .tox-user__avatar svg {
    fill: @user-avatar-color;
  }

  .tox-user__name {
    color: @user-name-text-color;
    font-size: @user-name-font-size;
    font-style: @user-name-font-style;
    font-weight: @user-name-font-weight;
    text-transform: @user-name-text-transform;
  }
}

.tox:not([dir=rtl]) {
  .tox-user__avatar svg {
    margin-right: @pad-sm;
  }

  .tox-user__avatar + .tox-user__name {
    margin-left: @pad-sm;
  }
}

// RTL
.tox[dir=rtl] {
  .tox-user__avatar svg {
    margin-left: @pad-sm;
  }

  .tox-user__avatar + .tox-user__name {
    margin-right: @pad-sm;
  }
}