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

// iOS Segment
// --------------------------------------------------

/// @prop - Background of the segment button
$segment-ios-font-family:                       $font-family-base !default;

/// @prop - Opacity of the disabled segment
$segment-ios-opacity-disabled:                  .4 !default;


// iOS Segment Button
// --------------------------------------------------

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

/// @prop - Background of the activated segment button
$segment-button-ios-background-color-activated:       ion-color(primary, base) !default;

/// @prop - Background alpha of the activated segment button
$segment-button-ios-background-color-alpha-hover:     .1 !default;

/// @prop - Background of the segment button when hovered
$segment-button-ios-background-color-hover:           ion-color(primary, base, $segment-button-ios-background-color-alpha-hover) !default;

/// @prop - Background alpha of the segment button when hovered
$segment-button-ios-background-color-alpha-active:    .1 !default;

/// @prop - Background of the segment button when active
$segment-button-ios-background-color-active:          ion-color(primary, base, $segment-button-ios-background-color-alpha-active) !default;

/// @prop - Background alpha of the segment button when active
$segment-button-ios-background-color-alpha-disabled:  .5 !default;

/// @prop - Background of the activated segment button when active
$segment-button-ios-background-color-disabled:        ion-color(primary, base, $segment-button-ios-background-color-alpha-disabled) !default;

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

/// @prop - Border width of the segment button
$segment-button-ios-border-width:                     1px !default;

/// @prop - Height of the segment button
$segment-button-ios-height:                           32px !default;

/// @prop - Line height of the segment button
$segment-button-ios-line-height:                      37px !default;

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

/// @prop - Border radius of the segment button
$segment-button-ios-border-radius:                    4px !default;

/// @prop - Size of an icon in the segment button
$segment-button-ios-icon-size:                        26px !default;

/// @prop - Line height of an icon in the segment button
$segment-button-ios-icon-line-height:                 28px !default;

/// @prop - Max width of the segment button in a toolbar
$segment-button-ios-toolbar-button-max-width:         100px !default;

/// @prop - Height of the segment button in a toolbar
$segment-button-ios-toolbar-button-height:            30px !default;

/// @prop - Line height of the segment button in a toolbar
$segment-button-ios-toolbar-line-height:              22px !default;

/// @prop - Font size of the segment button in a toolbar
$segment-button-ios-toolbar-font-size:                12px !default;

/// @prop - Size of an icon in the segment button in a toolbar
$segment-button-ios-toolbar-icon-size:                22px !default;

/// @prop - Line height of an icon in the segment button in a toolbar
$segment-button-ios-toolbar-icon-line-height:         24px !default;

/// @prop - Opacity of the segment button on hover
$segment-button-ios-opacity-hover:                    .1 !default;

/// @prop - Opacity of the segment button when pressed
$segment-button-ios-opacity-active:                   .16 !default;

/// @prop - Opacity of the disabled segment button
$segment-button-ios-opacity-disabled:                 .3 !default;