@import "../../themes/native/native.globals.ios";

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

/// @prop - Padding top of the card header
$card-ios-header-padding-top: 20px;

/// @prop - Padding end of the card header
$card-ios-header-padding-end: $card-ios-header-padding-top;

/// @prop - Padding bottom of the card header
$card-ios-header-padding-bottom: 16px;

/// @prop - Padding start of the card header
$card-ios-header-padding-start: $card-ios-header-padding-end;

/// @prop - Filter of the translucent card header background color alpha
$card-ios-header-translucent-background-color-alpha: 0.9;

/// @prop - Filter of the translucent card header background color
$card-ios-header-translucent-background-color: rgba(
  $background-color-rgb,
  $card-ios-header-translucent-background-color-alpha
);

/// @prop - Filter of the translucent card header
$card-ios-header-translucent-filter: saturate(180%) blur(30px);