/* Copyright (c) 2020, the Dart project authors.  Please see the AUTHORS file
   for details. All rights reserved. Use of this source code is governed by a
   BSD-style license that can be found in the LICENSE file. */

.package-tag,
.-pub-tag-badge,
.-pub-tag-discontinued {
  font-size: 12px;
  margin: 0px 15px 4px 0px;
  display: inline-block;
}

/* Tags that are simple labels. */
.package-tag {
  background: var(--pub-inset-bgColor);
  text-transform: uppercase;
  color: var(--pub-tag_simplebadge-text-color);
  padding: 4px 8px;

  &.legacy,
  &.retracted {
    background: var(--pub_tag_simplebadge_warning-background-color);
    color: var(--pub_tag_simplebadge_warning-text-color);
  }
}

/* Tag that are combinations of two components e.g. Dart/Flutter extended badges. */
.-pub-tag-badge {
  background: var(--pub-selected-bgColor);

  > .tag-badge-main,
  > .tag-badge-sub {
    display: inline-block;
    text-transform: uppercase;
    padding: 4px 8px;
    color: var(--pub-tag_sdkbadge-text-color);
    text-decoration: none;
  }

  > .tag-badge-main {
    color: var(--pub-tag_sdkbadge-text-color);
    border-right: 1px solid var(--pub-tag_sdkbadge-separator-color);
    font-weight: 500;
  }
}

/* Tag for discontinued packages. */
.-pub-tag-discontinued {
  background: var(--pub_tag_simplebadge_warning-background-color);
  color: var(--pub_tag_simplebadge_warning-text-color);
  padding: 2px;

  >.-discontinued-main {
    display: inline-block;
    padding: 2px 6px;
    text-transform: uppercase;
  }

  >.-discontinued-replacedby {
    display: inline-block;
    padding: 2px 6px;
    background: var(--pub-neutral-bgColor);
    color: var(--pub-neutral-textColor);
  }
}
