@import "../../themes/ionic.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:      .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;