/*
 * SPDX-FileCopyrightText: 2021 Johannes Loher
 *
 * SPDX-License-Identifier: MIT
 */

@use "../../utils/variables";

.ds4-sheet-tab-nav {
  border-bottom: variables.$border-groove;
  border-top: variables.$border-groove;
  display: flex;
  flex-wrap: nowrap;
  height: calc(2 * var(--line-height-16));
  justify-content: space-around;
  line-height: calc(2 * var(--line-height-16));
  margin: variables.$margin-sm 0;

  &__item {
    flex: 0 1 auto !important; // necessary to override the styling from lang-de, see https://gitlab.com/henry4k/foundryvtt-lang-de/-/issues/9
    font-weight: bold;
    white-space: nowrap;

    &.active {
      text-shadow: 0 0 variables.$padding-md var(--color-shadow-primary);
    }
  }
}