/*!
 * 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 items are the small icon links that pop up menus.

.ouiHeaderSectionItem {
  position: relative;
  display: flex;
  align-items: center;

  &:after {
    position: absolute;
    content: '';
    top: $ouiSize;
    bottom: 0;
    background: $ouiBorderColor;
    left: 0;
  }
}

.ouiHeaderSectionItem--borderLeft {
  &:after {
    left: 0;
    width: 1px;
  }
}

.ouiHeaderSectionItem--borderRight {
  &:after {
    width: 1px;
    left: auto;
    right: 0;
  }
}

@include ouiBreakpoint('xs') {
  .ouiHeaderSectionItem {
    min-width: $ouiHeaderChildSize * .75;
  }

  .ouiHeaderSectionItem--borderLeft,
  .ouiHeaderSectionItem--borderRight {
    &:after {
      display: none;
    }
  }
}