@import "./list-header";
@import "./list-header.md.vars";

// Material Design List Header
// --------------------------------------------------

.list-header-md {
  @include padding-horizontal($list-md-header-padding-start, null);
  @include margin(null, null, $list-md-header-margin-bottom, null);

  min-height: $list-md-header-min-height;

  font-size: $list-md-header-font-size;
  color: $list-md-header-color;
}


// Generate Material Design List Header Colors
// --------------------------------------------------

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

  .list-header-md-#{$color-name} {
    color: $color-contrast;
    background-color: $color-base;
  }
}
