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

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

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

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

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

/// @prop - Background color alpha of the popover content
$popover-ios-translucent-background-color-alpha: 0.8;

/// @prop - Background color of the popover content
$popover-ios-translucent-background-color: rgba($background-color-rgb, $popover-ios-translucent-background-color-alpha);

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

/// $prop - Box shadow of popover on desktop
$popover-ios-desktop-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);

/// $prop - Border of popover content on desktop
$popover-ios-desktop-border: 0.5px solid $background-color-step-100;