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

$navbar-ios-height:                        4.4rem !default;


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

.navbar[mode="ios"] {

  .back-button {
    padding: 0;
    margin: 0 4px;

    min-height: 3.2rem;
    line-height: 1;

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

  .back-button-icon {
    font-size: 3.2rem;
    padding-right: 7px;
  }

}