// discussion - elements - labels
// ====================

.discussion {
  .post-label {
    @include margin($baseline/4, $baseline/2, 0, 0);

    @extend %t-light;

    font-size: $forum-small-font-size;
    display: inline;
    white-space: nowrap;

    .icon {
      @include margin-right($baseline/5);
    }

    &.is-hidden {
      display: none;
    }

    &.post-label-pinned {
      color: $forum-color-pinned;
    }

    &.post-label-following {
      color: $forum-color-following;
    }

    &.post-label-reported {
      color: $forum-color-reported;
    }

    &.post-label-closed {
      color: $forum-color-closed;
    }

    &.post-label-by-staff {
      color: $forum-color-staff;
    }

    &.post-label-by-community-ta {
      color: $forum-color-community-ta;
    }
  }

  .user-label-staff,
  .user-label-community-ta {
    color: $forum-color-copy-light;
    font-size: $forum-small-font-size;
    white-space: nowrap;
  }
}

// Make post labels tighter when shown inside the left nav
.forum-nav-thread-link {
  .forum-nav-thread-labels {
    .post-label {
      .icon {
        @include margin-right(0);
      }
    }
  }
}