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

.ouiPopoverTitle {
  @include ouiPopoverTitle;
}

.ouiPopoverTitle--paddingNone {
  padding: 0;
}

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

// If the popover's containing panel has padding applied,
// ensure the title expands to cover that padding and
// take on the same amount of padding horizontally

@each $modifier, $amount in $ouiPanelPaddingModifiers {
  .ouiPopover__panel.ouiPanel--#{$modifier} .ouiPopoverTitle {
    margin: ($amount * -1) ($amount * -1) $amount;

    &:not([class*='ouiPopoverTitle--padding']) {
      padding: $ouiSizeM $amount;
    }
  }
}