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

// Material Design FAB Button
// --------------------------------------------------

/// @prop - Box shadow of the FAB button
$fab-md-box-shadow:                               0 4px 6px 0 rgba(0, 0, 0, .14), 0 4px 5px rgba(0, 0, 0, .1) !default;

/// @prop - Box shadow of the activated FAB button
$fab-md-box-shadow-activated:                     0 5px 15px 0 rgba(0, 0, 0, .4), 0 4px 7px 0 rgba(0, 0, 0, .1) !default;

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

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

/// @prop - Color of the button icon
$fab-md-icon-fill-color:                          $fab-md-text-color !default;

/// @prop - Background color of the activated button
$fab-md-background-color-activated:               ion-color(primary, tint) !default;

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

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

/// @prop - Color of the button icon in a list
$fab-md-list-button-icon-fill-color:              $fab-md-list-button-text-color !default;

/// @prop - Background color of the activated button in a list
$fab-md-list-button-background-color-activated:   ion-color(primary, tint) !default;

/// @prop - Transition duration of the transform and opacity of the button in a list
$fab-md-list-button-transition-duration:          200ms !default;

/// @prop - Speed curve of the transition of the transform and opacity of the button in a list
$fab-md-list-button-transition-timing-function:   ease !default;

/// @prop - Transition delay of the transform and opacity of the button in a list
$fab-md-list-button-transition-delay:             10ms !default;

/// @prop - Transition duration of the box-shadow and background-color of the button
$fab-button-md-transition-duration:               300ms !default;

/// @prop - Speed curve of the transition of the box-shadow and background-color of the button
$fab-button-md-transition-timing-function:        cubic-bezier(.4, 0, .2, 1) !default;
