META-INF.resources.frontend.styles.components.brand-expression.css Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of fluent-vaadin-flow Show documentation

Broderick Labs for fluent vaadin flow. Inherits common Vaadin components.

There is a newer version: 22.0.1

/*
 * Copyright (c) 2008 - 2020. - Broderick Labs.
 * Author: Broderick Johansson
 * E-mail: [email protected]
 * Modify date：2020-07-02 09:33:44
 * _____________________________
 * Project name: fluent-vaadin-flow
 * Class name：D:/broderick/develop/vaadin/16/fluent-vaadin-flow/frontend/styles/components/brand-expression.css
 * Copyright (c) 2008 - 2020. - Broderick Labs.
 */

.brand-expression {
    align-items: center;
    box-shadow: inset 0 -1px var(--lumo-contrast-10pct);
    box-sizing: border-box;
    display: flex;
    /* Application header height with tabs */
    height: calc(var(--app-bar-height) + var(--lumo-size-l));
    justify-content: center;
    padding: var(--lumo-space-m);
}

.brand-expression__logo {
    max-height: 100%;
    max-width: 100%;
}

.brand-expression__title {
    margin-left: var(--lumo-space-s);
}

/* === IE 11 workaround === */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* With max-width, the logo gets too wide */
    .navi-drawer[rail]:not([open]):not(:hover) .brand-expression__logo {
        width: 100%;
    }
}