38 lines
1.7 KiB
SCSS
Executable File
38 lines
1.7 KiB
SCSS
Executable File
@import "../../themes/ionic.globals.md";
|
|
|
|
// Material Design FAB Button
|
|
// --------------------------------------------------
|
|
|
|
/// @prop - Box shadow of the FAB button
|
|
$fab-md-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-md-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 - Background color of the button
|
|
$fab-md-background-color: ion-color(primary, base) !default;
|
|
|
|
/// @prop - Background color of the activated button
|
|
$fab-md-background-color-activated: ion-color(primary, contrast) !default;
|
|
|
|
/// @prop - Text color of the button
|
|
$fab-md-text-color: ion-color(primary, contrast) !default;
|
|
|
|
/// @prop - Font size of the button icon
|
|
$fab-md-icon-font-size: 24px !default;
|
|
|
|
/// @prop - Background color of the button in a list
|
|
$fab-md-list-button-background-color: ion-color(light, base) !default;
|
|
|
|
/// @prop - Background color of the activated button in a list
|
|
$fab-md-list-button-background-color-activated: ion-color(light, shade) !default;
|
|
|
|
/// @prop - Background color of the activated button in a list
|
|
$fab-md-list-button-background-color-hover: ion-color(light, tint) !default;
|
|
|
|
/// @prop - Text color of the button in a list
|
|
$fab-md-list-button-text-color: rgba($text-color-rgb, 0.54) !default;
|
|
|
|
/// @prop - Font size of the button icon in a list
|
|
$fab-md-list-button-icon-font-size: 18px !default;
|