.header {
    @if $theme {
        @include Elevation(3);
        background: $primary;
        color: $on-primary;
    }

    @else {

        display: flex;
        justify-content: space-between;
        padding: .75rem;
        margin-bottom: .5rem;

        >* {
            margin: 0;
            background: $primary;
            color: $on-primary;
        }

        .header-title {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            flex-grow: 1;
            margin: 0 1rem;
        }

        .header-icon-button {
            display: block;
            margin-top: auto;
            margin-bottom: auto;
            min-width: $default-font-size;

            >svg {
                height: $default-font-size;
                width: $default-font-size;
            }
        }
    }
}