//== Navs
//
//##

//=== Shared nav styles
$nav-link-padding:                                10px 15px !default;
$nav-link-hover-bg:                               ui-color(u-lightest-gray) !default;

$nav-disabled-link-color:                         ui-color(u-light-gray) !default;
$nav-disabled-link-hover-color:                   ui-color(u-light-gray) !default;

$nav-open-link-hover-color:                       ui-color(u-white) !default;

//== Tabs
$nav-tabs-border-color:                           ui-color(u-light-gray) !default;

$nav-tabs-link-hover-border-color:                ui-color(u-lightest-gray) !default;

$nav-tabs-active-link-hover-bg:                   $body-bg !default;
$nav-tabs-active-link-hover-color:                ui-color(u-gray) !default;
$nav-tabs-active-link-hover-border-color:         ui-color(u-light-gray) !default;

$nav-tabs-justified-link-border-color:            ui-color(u-light-gray) !default;
$nav-tabs-justified-active-link-border-color:     $body-bg !default;

//== Pills
$nav-pills-border-radius:                         $border-radius-base !default;
$nav-pills-active-bg:                             $active-item-bg !default;
$nav-pills-active-color:                          $active-item-color !default;

// Navigation defaults
// -------------------
$nav-default: () !default;
$nav-default: map-merge((
  // Nav
  nav-content-bg:         ui-color(u-lightest-gray),
  nav-content-padding:    30px,
  nav-content-shadow:     0 4px 3px rgba(0, 0, 0, .3),
  nav-drawer-bg:          ui-color(u-darker-gray),
  nav-section-border:     ui-color(u-lighter-gray),
  nav-width:              85%
), $nav-default);