/*! * SPDX-License-Identifier: Apache-2.0 * * The OpenSearch Contributors require contributions made to * this file be licensed under the Apache-2.0 license or a * compatible open source license. * * Modifications Copyright OpenSearch Contributors. See * GitHub history for details. */ // Header. Includes breadcrumbs of nav buttons. .ouiHeader { @include ouiBottomShadowSmall; height: $ouiHeaderHeight + 1; // Add one for the border position: relative; z-index: $ouiZHeader - 1; // ensure the shadow shows above content display: flex; justify-content: space-between; background: $ouiHeaderBackgroundColor; border-bottom: 1px solid $ouiHeaderBorderColor; &--fixed { z-index: $ouiZHeader; position: fixed; top: 0; left: 0; right: 0; } } .ouiHeader--fixed + .ouiHeader--fixed { top: $ouiHeaderHeightCompensation; } .ouiHeader--dark { @include ouiHeaderDarkTheme($ouiHeaderDarkBackgroundColor); }