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

// iOS Card
// --------------------------------------------------

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

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

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

  transform: translateZ(0);

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

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