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

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

:host {
  @include padding($card-ios-header-padding-top, $card-ios-header-padding-end, $card-ios-header-padding-bottom, $card-ios-header-padding-start);

  flex-direction: column-reverse;
}

@supports (backdrop-filter: blur(0)) {
  :host(.card-header-translucent) {
    background-color: $card-ios-header-translucent-background-color;
    backdrop-filter: $card-ios-header-translucent-filter;
  }
}