@import "./title";
@import "./title.md.vars";

// Material Design Title
// --------------------------------------------------

.toolbar-title-md {
  @include padding(0, 12px);

  font-size: $toolbar-md-title-font-size;
  font-weight: 500;
  color: $toolbar-md-title-text-color;
}

@each $color-name, $color-value in $colors-md {
  $color-contrast: ion-color($colors-md, $color-name, contrast, md);

  .toolbar-#{$color-name} .toolbar-title-md {
    color: $color-contrast;
  }
}
