// Material Design Toolbar
// --------------------------------------------------

$toolbar-md-height:                       5.6rem !default;
$toolbar-md-title-font-size:         2rem !default;
$toolbar-md-button-font-size:        1.4rem !default;


.nav[mode=md] .toolbar,
.toolbar[mode=md] {
  min-height: $toolbar-md-height;

  .toolbar-inner-title {
    padding: 0px 12px;
  }

  ion-title {
    font-size: $toolbar-md-title-font-size;
    font-weight: 500;
  }

  .toolbar-primary-item ion-nav-items button:first-child {
    margin-left: 0;
  }

  button,
  [button] {
    font-size: $toolbar-md-button-font-size;
  }

}