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

/// @prop - Color of backdrop
$popover-backdrop-ios-color:                    $backdrop-ios-color !default;

// iOS Popover
// --------------------------------------------------

/// @prop - Width of the popover content
$popover-ios-width:                             200px !default;

/// @prop - Min width of the popover content
$popover-ios-min-width:                         0 !default;

/// @prop - Minimum height of the popover content
$popover-ios-min-height:                        0 !default;

/// @prop - Maximum height of the popover content
$popover-ios-max-height:                        90% !default;

/// @prop - Border radius of the popover content
$popover-ios-border-radius:                     10px !default;

/// @prop - Text color of the popover content
$popover-ios-text-color:                        $text-ios-color !default;

/// @prop - Background of the popover content
$popover-ios-background-color:                  $background-ios-color !default;

/// @prop - Background of the popover content
$popover-ios-translucent-background-color:      ion-color-alpha($background-ios-color-value, background-ios-color, $alpha-ios-high) !default;

/// @prop - Background of the popover arrow
$popover-ios-arrow-background-color:            $popover-ios-background-color !default;

/// @prop - Filter of the translucent popover
$popover-ios-translucent-filter:                saturate(180%) blur(20px) !default;
