@import "../../themes/liberty.globals";

// Floating Action Buttons
// --------------------------------------------------

/// @prop - Width and height of the FAB button
$fab-size: 54px !default;

/// @prop - Width and height of the mini FAB button
$fab-small-size: 37px !default;

/// @prop - Border radius of the FAB button
$fab-border-radius: 50% !default;

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

/// @prop - Box shadow of the activated FAB button
$fab-box-shadow-activated: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12) !default;


/// @prop - Box shadow of the selected FAB button
$fab-box-shadow-selected: 0 0 0 4px #4A90E2 !default;

// @prop - Default border for focus and hover
$fab-box-shadow-focus-hover: 0 0 0 2px #4A90E2 !default;

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

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

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

/// @prop - Font size of the button icon
$fab-icon-font-size: 24px !default;

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

/// @prop - Background color of the activated button in a list
$fab-list-button-background-color-activated: lu-color(neutral_lightest, base) !default;

/// @prop - Text color of the button in a list
$fab-list-button-text-color: rgba(var(--lu-text-color-rgb, $text-color-rgb), 0.54) !default;

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