@import '../../styles/variables';

$btn-border-radius: $border-radius-root !default;
$btn-focus-opacity: 0.24 !default;
$btn-hover-opacity: 0.08 !default;
$btn-active-opacity: 0.18 !default;
$btn-icon-font-size: 18px !default;
$btn-icon-padding: 12px !default;
$btn-outline-border-width: thin !default;
$btn-rounded-border-radius: 28px !default;

$btn-transition: opacity 0.2s map-get($transitions, 'ease-in-out') !default;
$btn-transition-duration: 0.28s !default;

$btn-sizes: () !default;
$btn-font-sizes: () !default;
$fab-sizes: () !default;
$fab-icon-sizes: () !default;

$btn-sizes: map-merge(
  (
    'x-small': 20,
    'small': 28,
    'default': 36,
    'large': 44,
    'x-large': 52,
  ),
  $btn-sizes
);

$btn-font-sizes: map-merge(
  (
    'x-small': 0.625rem,
    'small': 0.75rem,
    'default': 0.875rem,
    'large': 0.875rem,
    'x-large': 1rem,
  ),
  $btn-font-sizes
);

$fab-sizes: map-merge(
  (
    'x-small': 32,
    'small': 40,
    'default': 56,
    'large': 64,
    'x-large': 72,
  ),
  $fab-sizes
);

$fab-icon-sizes: map-merge(
  (
    'x-small': 18,
    'small': 24,
    'default': 24,
    'large': 28,
    'x-large': 32,
  ),
  $fab-icon-sizes
);