//
// Misago User Status
// --------------------------------------------------


// Colors
.user-status {
  &.user-banned .status-icon {
    color: @user-status-banned;
  }

  &.user-online .status-icon {
    color: @user-status-online;
  }

  &.user-offline .status-icon {
    color: @user-status-offline;
  }
}


// UI Preview
.user-status {
  &>.status-icon.ui-preview {
    display: inline-block;
    border-radius: 100px;

    width: 20px;
    height: 20px;

    font-weight: 0px;
  }

  &>.status-label.ui-preview {
    display: inline-block;
    margin-left: 6px;
    width: 40px;
  }
}