daggerheart/styles/less/global/sheet.less

@import '../utils/colors.less';
@import '../utils/fonts.less';

.application.sheet.dh-style .window-header {
    background: transparent;
    border-bottom: none;
    justify-content: end;

    h1 {
        color: light-dark(@dark-blue, @beige);
        font-family: @font-body;
    }

    button {
        background: light-dark(transparent, @deep-black);
        color: light-dark(@dark-blue, @beige);
        border: 1px solid light-dark(@dark-blue, transparent);
        padding: 0;

        &:hover {
            border: 1px solid light-dark(@dark-blue, @golden);
            color: light-dark(@dark-blue, @golden);
        }
    }
}

.application.sheet.dh-style:not(.minimized) {
    .window-title,
    .window-icon {
        display: none;
        opacity: 0;
        transition: opacity 0.3s ease;
    }
}

.application.sheet.dh-style.minimized {
    .window-content {
        opacity: 0;
        transition: opacity 0.1s ease;
    }
}

.application.sheet.dh-style:not(.minimized) {
    .window-content {
        opacity: 1;
        transition: opacity 0.3s ease;
    }
}

.theme-dark {
    .application.sheet.dh-style {
        background: @semi-transparent-dark-blue;
        backdrop-filter: blur(9px);
    }
}

.theme-light {
    .application.sheet.dh-style {
        background-image: url('../assets/parchments/dh-parchment-light.png');
        background-repeat: no-repeat;
        background-position: center;
    }
}

.application.sheet.daggerheart.dh-style {
    border-radius: 10px;

    .window-content {
        padding: 0;
        position: relative;
        top: -36px;
        min-height: -webkit-fill-available;

        .tab {
            padding: 0 10px;
        }
    }
}

.application.sheet.daggerheart.character.dh-style {
    border-radius: 10px;

    .window-content {
        position: absolute;
        top: 0;
        .tab {
            padding: 0 15px;
            overflow-y: hidden;
        }
    }
}