core/src/components/tab-button/tab-button.md.vars.scss - main - githubmirror/ionic-framework

core/src/components/tab-button/tab-button.md.vars.scss
82 строки3 KB
Liam DeBeasi
chore(theming): remove Sass default flags (#29401)
25 апр 2024, 22:59
25 апр 2024, 22:596e8bf49
@import "../../themes/ionic.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:                  .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;

/// @prop - Border radius on the tab button badge
$tab-button-md-badge-border-radius:             8px;

/// @prop - Padding top on the tab button badge
$tab-button-md-badge-padding-top:               3px;

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

/// @prop - Padding bottom on the tab button badge
$tab-button-md-badge-padding-bottom:            2px;

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

/// @prop - Minimum width of the tab button badge
$tab-button-md-badge-min-width:                 12px;

/// @prop - Font size of the tab button badge
$tab-button-md-badge-font-size:                 8px;

/// @prop - Size of the empty tab button badge
$tab-button-md-badge-size-empty:                8px;