/*
 * 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);
        }
    }
}