/*!
 * 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.
 */

/**
 * Note: Margin is added in _page.scss when OuiPage has `paddingSize`
 * 1. Prevent side bar width from changing when content width changes.
 */
.ouiPageSideBar {
  min-width: $ouiPageSidebarMinWidth + ($ouiSizeL * 2);
  flex: 0 1 0%; /* 1 */
}

@each $modifier, $amount in $ouiPanelPaddingModifiers {
  .ouiPageSideBar--#{$modifier} {
    padding: $amount;
  }
}

@include ouiBreakpoint('xs', 's') {
  .ouiPageSideBar {
    width: 100%;
  }
}

@include ouiBreakpoint('m', 'l', 'xl') {
  .ouiPageSideBar--sticky {
    @include ouiScrollBar;
    overflow-y: auto;
    flex-grow: 1;
    position: sticky;
    max-height: 100vh;
    top: 0;
  }
}