/* 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. */

@use 'variables';

.packages-scores {
  display: flex;
  align-items: center;

  font-family: var(--pub-font-family-body);
  text-decoration: none;

  .packages-score {
    min-width: 45px;

    @media (min-width: variables.$device-desktop-min-width) {
      min-width: 55px;
    }

    .detail-info-box & {
      min-width: 0px;
    }
  }

  .packages-score:not(:last-child) {
    border-right: 1px solid #e0e0e0;
    margin-right: 4px;
    padding-right: 4px;

    @media (min-width: variables.$device-desktop-min-width) {
      margin-right: 8px;
      padding-right: 8px;
    }
  }

  .packages-score-value {
    color: var(--pub-score_label-text-color);
    text-align: center;
    white-space: nowrap;

    &.-has-value {
      color: var(--pub-score_value-text-color);
    }

    .detail-info-box & {
      text-align: left;
    }
  }

  .packages-score-value-number {
    font-size: 18px;

    @media (min-width: variables.$device-desktop-min-width) {
      font-size: 22px;
    }
  }

  .packages-score-value-sign {
    font-size: 10px;
    vertical-align: super;

    @media (min-width: variables.$device-desktop-min-width) {
      font-size: 12px;
    }
  }

  .packages-score-label {
    color: var(--pub-score_label-text-color);
    font-size: 10px;
    letter-spacing: 0.1px;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;

    @media (min-width: variables.$device-desktop-min-width) {
      font-size: 12px;
      letter-spacing: 0.2px;
    }

    .detail-info-box & {
      text-align: left;
    }
  }
}
