@import "../../themes/functions.font";
@import "../../themes/functions.sizes";

// Badge
// --------------------------------------------------

/// @prop - Font size of the badge hint
$badge-hint-baseline-font-size: 8px;

/// @prop - Font size of the badge hint
$badge-hint-font-size: dynamic-font($badge-hint-baseline-font-size);

/// @prop - Size of the badge when inside button
$badge-size-in-button: 16px;

/// @prop - Font size of the badge when inside button
$badge-font-size-in-button: px-to-rem(12);

/// @prop - Line height of the badge when inside button
$badge-line-height-in-button: 20px;

/// @prop - Size of of the badge icon when inside button
$badge-icon-size-in-button: 12px;

/// @prop - Padding top of the badge
$badge-padding-top: 3px;

/// @prop - Padding end of the badge
$badge-padding-end: 8px;

/// @prop - Padding bottom of the badge
$badge-padding-bottom: $badge-padding-top;

/// @prop - Padding start of the badge
$badge-padding-start: $badge-padding-end;

/// @prop - Minimum width of the badge
$badge-min-width: 10px;

/// @prop - Baseline font size of the badge
$badge-baseline-font-size: 13px;

/// @prop - Font size of the badge
$badge-font-size: dynamic-font($badge-baseline-font-size);

/// @prop - Font weight of the badge
$badge-font-weight: bold;