vuematerial/vue-material

@mixin md-card($base) {
  @include md-theme-property(background-color, $base);
  @include md-theme-property(color, text-primary, $base);

  .md-card-expand .md-card-actions {
    @include md-theme-property(background-color, $base);
  }

  .md-card-header,
  .md-card-actions {
    .md-button:not(.md-primary):not(.md-accent) {
      @include md-theme-property(color, text-primary, $base);

      &.md-icon-button {
        .md-icon {
          @include md-theme-property(color, text-primary, $base, .54);
          @include md-theme-property(fill, text-primary, $base, .54);
        }
      }
    }
  }

  > .md-card-area {
    &:after {
      @include md-theme-property(background-color, divider, $base);
    }
  }
}

.md-card {
  @include md-theme-component() {
    @include md-card(background);

    &.md-primary {
      @include md-card(primary);
    }

    &.md-accent {
      @include md-card(accent);
    }
  }
}