// iOS Navbar
// --------------------------------------------------

$navbar-ios-height:                        4.4rem !default;
$navbar-ios-border-color:                  #c4c4c4 !default;


.nav[mode="ios"] .navbar-container {
  min-height: $navbar-ios-height;

  // navbar on top, border on bottom (default)
  @include hairline(bottom, $navbar-ios-border-color);

  // navbar on bottom, border on top
  &.navbar-bottom:after {
    top: 0;
    bottom: auto;
  }
}

.navbar[mode="ios"] {

  button,
  [button] {
    padding: 0;
    margin: 0 1rem;

    min-height: $navbar-ios-height;
    min-width: 0;
  }

  .back-button {
    order: map-get($toolbar-order-ios, 'back-button');
    overflow: inherit;
  }

  .back-button-icon {
    padding-right: 0.6rem;
  }

}