<commit_before>// /* ------------------------------------ *\
//    Tabs Items
// \* ------------------------------------ */

@import '@bolt/core';

bolt-tab-panel {
  display: block;

  [slot='label'] {
    display: none;
  }
}

.c-bolt-tab-panel__content {
  display: none;
  flex-grow: 1; // sits inside flex container, always want full-width

  &[aria-expanded='true'] {
    display: block;
  }

  &:focus {
    // gets focus when you tab after opening a tab panel, user agent adds focus ring by default
    outline: none;
  }
}

// Panel spacing
@each $spacing-value in $bolt-spacing-values {
  $spacing-value-name: nth($spacing-value, 1);

  @if (
    $spacing-value-name !=
      '' and
      $spacing-value-name !=
      'xxsmall' and
      $spacing-value-name !=
      'large' and
      $spacing-value-name !=
      'xlarge' and
      $spacing-value-name !=
      'xxlarge'
  ) {
    .c-bolt-tab-panel--spacing-#{$spacing-value-name} {
      .c-bolt-tab-panel__content {
        @include bolt-padding(#{$spacing-value-name});
      }

      &:not(.c-bolt-tab-panel--inset) {
        .c-bolt-tab-panel__content {
          @include bolt-padding-left(0);
          @include bolt-padding-right(0);
          @include bolt-padding-bottom(0);
        }
      }
    }
  }
}

// No-js styles
.c-bolt-tab-panel__outer {
  order: 99;
  width: 100%; // required for no-JS panel alignment
}<commit_msg>fix: update Tab styles to only target immediately nested panels<commit_after>// /* ------------------------------------ *\
//    Tabs Items
// \* ------------------------------------ */

@import '@bolt/core';

bolt-tab-panel {
  display: block;

  [slot='label'] {
    display: none;
  }
}

.c-bolt-tab-panel__content {
  display: none;
  flex-grow: 1; // sits inside flex container, always want full-width

  &[aria-expanded='true'] {
    display: block;
  }

  &:focus {
    // gets focus when you tab after opening a tab panel, user agent adds focus ring by default
    outline: none;
  }
}

// Panel spacing
@each $spacing-value in $bolt-spacing-values {
  $spacing-value-name: nth($spacing-value, 1);

  @if (
    $spacing-value-name !=
      '' and
      $spacing-value-name !=
      'xxsmall' and
      $spacing-value-name !=
      'large' and
      $spacing-value-name !=
      'xlarge' and
      $spacing-value-name !=
      'xxlarge'
  ) {
    .c-bolt-tab-panel--spacing-#{$spacing-value-name} {
      > .c-bolt-tab-panel__content {
        @include bolt-padding(#{$spacing-value-name});
      }

      &:not(.c-bolt-tab-panel--inset) {
        > .c-bolt-tab-panel__content {
          @include bolt-padding-left(0);
          @include bolt-padding-right(0);
          @include bolt-padding-bottom(0);
        }
      }
    }
  }
}

// No-js styles
.c-bolt-tab-panel__outer {
  order: 99;
  width: 100%; // required for no-JS panel alignment
}
{'fraction_non_alphanumeric': 0.20441795231416549, 'fraction_numerical': 0.0070126227208976155, 'mean_word_length': 1.841633466135458, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4438550', 'n_tokens_mistral': 1009, 'n_tokens_neox': 929, 'n_words': 195}