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

// Material Design Card
// --------------------------------------------------

:host {
  --background: var(--ion-item-background-color, transparent);
  --color: #{$card-md-text-color};

  @include margin($card-md-margin-top, $card-md-margin-end, $card-md-margin-bottom, $card-md-margin-start);
  @include border-radius($card-md-border-radius);

  width: calc(100% - #{($card-md-margin-end + $card-md-margin-start)});

  font-family: $card-md-font-family;
  font-size: $card-md-font-size;

  box-shadow: $card-md-box-shadow;
}