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

// Material Design Tabs
// --------------------------------------------------

/// @prop - Padding top on the tab button
$tab-button-md-padding-top: 0;

/// @prop - Padding end on the tab button
$tab-button-md-padding-end: 12px;

/// @prop - Padding bottom on the tab button
$tab-button-md-padding-bottom: 0;

/// @prop - Padding start on the tab button
$tab-button-md-padding-start: 12px;

/// @prop - Font size of the inactive tab button text
$tab-button-md-font-size: 12px;

/// @prop - Letter spacing of the tab button
$tab-button-md-letter-spacing: 0.03em;

/// @prop - Font weight of the tab button text
$tab-button-md-font-weight: normal;

/// @prop - Text color of the inactive tab button
$tab-button-md-text-color: $tabbar-md-color;

/// @prop - Margin top on the tab button icon
$tab-button-md-icon-margin-top: 16px;

/// @prop - Margin end on the tab button icon
$tab-button-md-icon-margin-end: 0;

/// @prop - Margin bottom on the tab button icon
$tab-button-md-icon-margin-bottom: $tab-button-md-icon-margin-top;

/// @prop - Margin start on the tab button icon
$tab-button-md-icon-margin-start: $tab-button-md-icon-margin-end;

/// @prop - Margin top on the tab button text
$tab-button-md-text-margin-top: 2px;

/// @prop - Margin end on the tab button text
$tab-button-md-text-margin-end: 0;

/// @prop - Margin bottom on the tab button text
$tab-button-md-text-margin-bottom: $tab-button-md-text-margin-top;

/// @prop - Margin start on the tab button text
$tab-button-md-text-margin-start: $tab-button-md-text-margin-end;

/// @prop - Capitalization of the tab button text
$tab-button-md-text-capitalization: none;

/// @prop - Size of the tab button icon
$tab-button-md-icon-size: 22px;