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

// iOS FAB Button
// --------------------------------------------------

/// @prop - Box shadow of the FAB button
$fab-ios-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);

/// @prop - Box shadow of the activated FAB button
$fab-ios-box-shadow-activated: $fab-ios-box-shadow;

/// @prop - Transform of the FAB button
$fab-ios-transform: scale(1.1);

/// @prop - Transition of the FAB button
$fab-ios-transition: 0.2s transform cubic-bezier(0.25, 1.11, 0.78, 1.59);

/// @prop - Transition of the activated FAB button
$fab-ios-transition-activated: 0.2s transform ease-out;

/// @prop - Background color of the button
$fab-ios-background-color: ion-color(primary, base);

/// @prop - Background color of the activated button
$fab-ios-background-color-activated: ion-color(primary, shade);

/// @prop - Text color of the button
$fab-ios-text-color: ion-color(primary, contrast);

/// @prop - Font size of the button icon
$fab-ios-icon-font-size: 28px;

/// @prop - Background color of the button in a list
$fab-ios-list-button-background-color: ion-color(light, base);

/// @prop - Background color of the activated button in a list
$fab-ios-list-button-background-color-activated: ion-color(light, shade);

/// @prop - Background color of the hovered button in a list
$fab-ios-list-button-background-color-hover: ion-color(light, tint);

/// @prop - Text color of the button in a list
$fab-ios-list-button-text-color: ion-color(light, contrast);

/// @prop - Font size of the button icon in a list
$fab-ios-list-button-icon-font-size: 18px;

// Translucent FAB Button
// --------------------------------------------------

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

/// @prop - Alpha level of the translucent button background
$fab-ios-translucent-background-alpha: 0.9;

/// @prop - Alpha level of the translucent button background on hover
$fab-ios-translucent-background-alpha-hover: 0.8;

/// @prop - Alpha level of the translucent button background on focus
$fab-ios-translucent-background-alpha-focused: 0.82;