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

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

.item-form {
    font-family: typography.$font-primary;
}

header.sheet-header {
    flex: 0 0 auto;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;

    .profile-img {
        flex: 0 0 100px;
        height: 100px;
        margin: variables.$margin-sm 10px variables.$margin-sm 0;
        border: none;
    }

    .header-fields {
        flex: 1;
    }

    h1.charname {
        height: 50px;
        padding: 0px;
        margin: variables.$margin-sm 10px variables.$margin-sm 0;
        border-bottom: 0;
        @include typography.font-heading-upper;
        display: block;
        input {
            width: 100%;
            height: 100%;
            margin: 0;
            border: none;
            background-color: transparent;
            @include typography.font-heading-upper;
        }
    }
    h2.item-type {
        @include typography.font-heading-upper;
        display: block;
        height: 50px;
        padding: 0px;
        flex: 0 0 auto;
        color: colors.$c-light-grey;
        border: none;
        line-height: 50px;
        margin: variables.$margin-sm 0;
        text-align: right;
    }
}

.sheet-tabs {
    flex: 0;
}

.sheet-body,
.sheet-body .tab {
    height: 100%;
}