<commit_before>// Navbar
//
// Provide a static navbar from which we expand to create full-width, fixed, and
// other navbar variations.

.navbar {
  // scss-docs-start navbar-css-vars
  --#{$variable-prefix}navbar-padding-x: #{if($navbar-padding-x == null, 0, $navbar-padding-x)};
  --#{$variable-prefix}navbar-padding-y: #{$navbar-padding-y};
  --#{$variable-prefix}navbar-color: #{$navbar-light-color};
  --#{$variable-prefix}navbar-hover-color: #{$navbar-light-hover-color};
  --#{$variable-prefix}navbar-disabled-color: #{$navbar-light-disabled-color};
  --#{$variable-prefix}navbar-active-color: #{$navbar-light-active-color};
  --#{$variable-prefix}navbar-brand-padding-y: #{$navbar-brand-padding-y};
  --#{$variable-prefix}navbar-brand-margin-end: #{$navbar-brand-margin-end};
  --#{$variable-prefix}navbar-brand-color: #{$navbar-light-brand-color};
  --#{$variable-prefix}navbar-brand-hover-color: #{$navbar-light-brand-hover-color};
  --#{$variable-prefix}navbar-nav-link-padding-x: #{$navbar-nav-link-padding-x};
  --#{$variable-prefix}navbar-toggler-padding-y: #{$navbar-toggler-padding-y};
  --#{$variable-prefix}navbar-toggler-padding-x: #{$navbar-toggler-padding-x};
  --#{$variable-prefix}navbar-toggler-font-size: #{$navbar-toggler-font-size};
  --#{$variable-prefix}navbar-toggler-icon-bg: #{escape-svg($navbar-light-toggler-icon-bg)};
  --#{$variable-prefix}navbar-toggler-border-color: #{$navbar-light-toggler-border-color};
  --#{$variable-prefix}navbar-toggler-border-radius: #{$navbar-toggler-border-radius};
  --#{$variable-prefix}navbar-toggler-focus-width: #{$navbar-toggler-focus-width};
  --#{$variable-prefix}navbar-toggler-transition: #{$navbar-toggler-transition};
  // scss-docs-end navbar-css-vars

  position: relative;
  display: flex;
  flex-wrap: wrap; // allow us to do the line break for collapsing content
  align-items: center;
  justify-content: space-between; // space out brand from logo
  padding: var(--#{$variable-prefix}navbar-padding-y) var(--#{$variable-prefix}navbar-padding-x);
  @include gradient-bg();

  // Because flex properties aren't inherited, we need to redeclare these first
  // few properties so that content nested within behave properly.
  // The `flex-wrap` property is inherited to simplify the expanded navbars
  %container-flex-properties {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
  }

  > .container,
  > .container-fluid {
    @extend %container-flex-properties;
  }

  @each $breakpoint, $container-max-width in $container-max-widths {
    > .container#{breakpoint-infix($breakpoint, $container-max-widths)} {
      @extend %container-flex-properties;
    }
  }
}


// Navbar brand
//
// Used for brand, project, or site names.

.navbar-brand {
  padding-top: var(--#{$variable-prefix}navbar-brand-padding-y);
  padding-bottom: var(--#{$variable-prefix}navbar-brand-padding-y);
  margin-right: var(--#{$variable-prefix}navbar-brand-margin-end);
  @include font-size(var(--#{$variable-prefix}navbar-toggler-font-size));<commit_msg>New CSS variable for Navbars (#35829)<commit_after>// Navbar
//
// Provide a static navbar from which we expand to create full-width, fixed, and
// other navbar variations.

.navbar {
  // scss-docs-start navbar-css-vars
  --#{$variable-prefix}navbar-padding-x: #{if($navbar-padding-x == null, 0, $navbar-padding-x)};
  --#{$variable-prefix}navbar-padding-y: #{$navbar-padding-y};
  --#{$variable-prefix}navbar-color: #{$navbar-light-color};
  --#{$variable-prefix}navbar-hover-color: #{$navbar-light-hover-color};
  --#{$variable-prefix}navbar-disabled-color: #{$navbar-light-disabled-color};
  --#{$variable-prefix}navbar-active-color: #{$navbar-light-active-color};
  --#{$variable-prefix}navbar-brand-padding-y: #{$navbar-brand-padding-y};
  --#{$variable-prefix}navbar-brand-margin-end: #{$navbar-brand-margin-end};
  --#{$variable-prefix}navbar-brand-font-size: #{$navbar-brand-font-size};
  --#{$variable-prefix}navbar-brand-color: #{$navbar-light-brand-color};
  --#{$variable-prefix}navbar-brand-hover-color: #{$navbar-light-brand-hover-color};
  --#{$variable-prefix}navbar-nav-link-padding-x: #{$navbar-nav-link-padding-x};
  --#{$variable-prefix}navbar-toggler-padding-y: #{$navbar-toggler-padding-y};
  --#{$variable-prefix}navbar-toggler-padding-x: #{$navbar-toggler-padding-x};
  --#{$variable-prefix}navbar-toggler-font-size: #{$navbar-toggler-font-size};
  --#{$variable-prefix}navbar-toggler-icon-bg: #{escape-svg($navbar-light-toggler-icon-bg)};
  --#{$variable-prefix}navbar-toggler-border-color: #{$navbar-light-toggler-border-color};
  --#{$variable-prefix}navbar-toggler-border-radius: #{$navbar-toggler-border-radius};
  --#{$variable-prefix}navbar-toggler-focus-width: #{$navbar-toggler-focus-width};
  --#{$variable-prefix}navbar-toggler-transition: #{$navbar-toggler-transition};
  // scss-docs-end navbar-css-vars

  position: relative;
  display: flex;
  flex-wrap: wrap; // allow us to do the line break for collapsing content
  align-items: center;
  justify-content: space-between; // space out brand from logo
  padding: var(--#{$variable-prefix}navbar-padding-y) var(--#{$variable-prefix}navbar-padding-x);
  @include gradient-bg();

  // Because flex properties aren't inherited, we need to redeclare these first
  // few properties so that content nested within behave properly.
  // The `flex-wrap` property is inherited to simplify the expanded navbars
  %container-flex-properties {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
  }

  > .container,
  > .container-fluid {
    @extend %container-flex-properties;
  }

  @each $breakpoint, $container-max-width in $container-max-widths {
    > .container#{breakpoint-infix($breakpoint, $container-max-widths)} {
      @extend %container-flex-properties;
    }
  }
}


// Navbar brand
//
// Used for brand, project, or site names.

.navbar-brand {
  padding-top: var(--#{$variable-prefix}navbar-brand-padding-y);
  padding-bottom: var(--#{$variable-prefix}navbar-brand-padding-y);
  margin-right: var(--#{$variable-prefix}navbar-brand-margin-end);
  @include font-size(var(--#{$variable-prefix}navbar-brand-font-size));
{'fraction_non_alphanumeric': 0.19258545979778527, 'fraction_numerical': 0.0011234151821537474, 'mean_word_length': 4.189009159034138, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 9, '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': '2437947', 'n_tokens_mistral': 2215, 'n_tokens_neox': 2044, 'n_words': 334}