[source, sass]
----
// navbar variables
//
$navbar-padding-y:                      $spacer * .5 !default;
$navbar-padding-x:                      null !default;

$navbar-nav-link-padding-x:             .5rem !default;

$navbar-brand-font-size:                $font-size-lg !default;

$nav-link-height:                       $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;
$navbar-brand-height:                   $navbar-brand-font-size * $line-height-base !default;
$navbar-brand-padding-y:                ($nav-link-height - $navbar-brand-height) * .5 !default;
$navbar-brand-margin-end:               1rem !default;

$navbar-toggler-padding-y:              .25rem !default;
$navbar-toggler-padding-x:              .75rem !default;
$navbar-toggler-font-size:              $font-size-lg !default;
$navbar-toggler-border-radius:          $btn-border-radius !default;
$navbar-toggler-focus-width:            $btn-focus-width !default;
$navbar-toggler-transition:             box-shadow .15s ease-in-out !default;

$navbar-light-color:                    rgba(var(--#{$prefix}emphasis-color-rgb), .65) !default;
$navbar-light-hover-color:              rgba(var(--#{$prefix}emphasis-color-rgb), .8) !default;
$navbar-light-active-color:             rgba(var(--#{$prefix}emphasis-color-rgb), 1) !default;
$navbar-light-disabled-color:           rgba(var(--#{$prefix}emphasis-color-rgb), .3) !default;
$navbar-light-icon-color:               rgba($body-color, .75) !default;
$navbar-light-toggler-icon-bg:          url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-light-icon-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>") !default;
$navbar-light-toggler-border-color:     rgba(var(--#{$prefix}emphasis-color-rgb), .15) !default;
$navbar-light-brand-color:              $navbar-light-active-color !default;
$navbar-light-brand-hover-color:        $navbar-light-active-color !default;

// navbar-dark variables
//
$navbar-dark-color:                     rgba($white, .55) !default;
$navbar-dark-hover-color:               rgba($white, .75) !default;
$navbar-dark-active-color:              $white !default;
$navbar-dark-disabled-color:            rgba($white, .25) !default;
$navbar-dark-icon-color:                $navbar-dark-color !default;
$navbar-dark-toggler-icon-bg:           url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-icon-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>") !default;
$navbar-dark-toggler-border-color:      rgba($white, .1) !default;
$navbar-dark-brand-color:               $navbar-dark-active-color !default;
$navbar-dark-brand-hover-color:         $navbar-dark-active-color !default;
----