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

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


.toolbar {
  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 button:first-child {
    margin-left: 0;
  }

  button,
  [button],
  button.activated,
  [button].activated {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 5px;
    min-height: 32px;
    box-shadow: none;
  }

  button.icon-only,
  [button].icon-only {
    padding-right: 0;
    padding-left: 0;
  }

  button icon,
  [button] icon {
    padding: 0;
    min-width: 28px;
  }

  [menu-toggle],
  [menu-toggle].activated {
    margin: ($toolbar-padding * -1) 0 ($toolbar-padding * -1) ($toolbar-padding * -1);
    padding: 0 10px;
    height: $toolbar-md-height;
    min-width: 60px;

    icon {
      font-size: 2.4rem;
    }
  }

}