// NOTE: Variable originally declared at _icon-button.scss file, but it's also being used here
// and it causes compilations errors, duplicated to solve for now. @janmyler
$icon-button-size: ($icon-size * 2);

.dig-app-bar {
  width: 100%;
  min-height: $desktop-keyline-increment;

  background-color: $app-bar-color;
  z-index: 5;

  .dig-paper-container {
    padding-left: $desktop-gutter;
    padding-right: $desktop-gutter;
  }

  .dig-icon-button {
    margin-top: (($app-bar-height - $icon-button-size) / 2);
    * {
      fill: $app-bar-text-color;
      color: $app-bar-text-color;
    }
  }

  .dig-app-bar-title {
    @extend %dig-font-style-headline;
    color: $app-bar-text-color;
    padding-top: 0;
    line-height: $desktop-keyline-increment;
    float: left;
  }

  .dig-app-bar-navigation-icon-button {
    float: left;
    margin-right: 8px;
    margin-left: -16px;
  }

  .dig-app-bar-right-button {
    float: right;
    margin-left: 8px;
    margin-right: -16px;
  }

}