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

// iOS Chip
// --------------------------------------------------

/// @prop - Margin top of the chip
$chip-ios-margin-top:                       2px !default;

/// @prop - Margin end of the chip
$chip-ios-margin-end:                       0 !default;

/// @prop - Margin bottom of the chip
$chip-ios-margin-bottom:                    $chip-ios-margin-top !default;

/// @prop - Margin start of the chip
$chip-ios-margin-start:                     $chip-ios-margin-end !default;

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

/// @prop - Border radius of the chip
$chip-ios-border-radius:                    16px !default;

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

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

/// @prop - Text color of the chip
$chip-ios-text-color:                       $text-ios-color-step-150 !default;

/// @prop - Background color of the chip
$chip-ios-background-color:                 ion-color-alpha($text-ios-color-value, text-ios-color, $alpha-ios-low) !default;

/// @prop - Margin top of the label in the chip
$chip-ios-label-margin-top:                 0 !default;

/// @prop - Margin end of the label in the chip
$chip-ios-label-margin-end:                 10px !default;

/// @prop - Margin bottom of the label in the chip
$chip-ios-label-margin-bottom:              $chip-ios-label-margin-top !default;

/// @prop - Margin start of the label in the chip
$chip-ios-label-margin-start:               $chip-ios-label-margin-end !default;

/// @prop - Background color of the icon in the chip
$chip-ios-icon-background-color:            ion-color($colors-ios, primary, base, ios) !default;

/// @prop - Fill color of the icon in the chip
$chip-ios-icon-fill-color:                  ion-color($colors-ios, $chip-ios-icon-background-color, contrast, ios) !default;

/// @prop - Width of the avatar in the chip
$chip-ios-avatar-width:                     32px !default;

/// @prop - Height of the avatar in the chip
$chip-ios-avatar-height:                    $chip-ios-avatar-width !default;
