@import "../../themes/ionic.globals.ios";

// iOS Toolbar
// --------------------------------------------------

/// @prop - Order of the toolbar elements
$toolbar-order-ios: (
  back-button: 0,
  menu-toggle-start: 1,
  buttons-start: 2,
  buttons-secondary: 3,
  content: 4,
  buttons-primary: 5,
  buttons-end: 6,
  menu-toggle-end: 7,
);

/// @prop - Font family of the toolbar
$toolbar-ios-font-family:                           $font-family-base !default;

/// @prop - Font size of the toolbar button
$toolbar-ios-button-font-size:                      17px !default;

/// @prop - Text color of the toolbar button
$toolbar-ios-button-color:                          ion-color(primary, base) !default;

/// @prop - Background color of the toolbar button
$toolbar-ios-button-background-color:               $toolbar-ios-background-color !default;

/// @prop - Background color of the toolbar button when activated
$toolbar-ios-button-background-color-activated:     $toolbar-ios-color-active !default;

/// @prop - Font weight of the strong toolbar button
$toolbar-ios-button-strong-font-weight:             600 !default;

/// @prop - Fill color of the toolbar button icon
$toolbar-ios-button-icon-fill-color:                currentColor !default;


// iOS Title
// --------------------------------------------------

/// @prop - Font size of the toolbar title
$toolbar-ios-title-font-size:               17px !default;

/// @prop - Font weight of the toolbar title
$toolbar-ios-title-font-weight:             600 !default;

/// @prop - Text alignment of the toolbar title
$toolbar-ios-title-text-align:              center !default;

/// @prop - Text color of the toolbar title
$toolbar-ios-title-text-color:              $toolbar-ios-text-color !default;