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

// Material Design Picker
// --------------------------------------------------

/// @prop - Height of the picker wrapper
$picker-md-height: 260px;

/// @prop - Border color of the picker wrapper
$picker-md-border-color: $item-md-border-color;

/// @prop - Background Color of the picker wrapper
$picker-md-background-color: $background-color;

/// @prop - Top Background Color of the picker wrapper gradient
$picker-md-top-background-color: $picker-md-background-color;

/// @prop - Bottom Background Color alpha of the picker wrapper gradient
$picker-md-bottom-background-color-alpha: 0.8;

/// @prop - Bottom Background Color of the picker wrapper gradient
$picker-md-bottom-background-color: rgba($background-color-rgb, $picker-md-bottom-background-color-alpha);

/// @prop - Height of the picker toolbar
$picker-md-toolbar-height: 44px;

/// @prop - Height of the picker button
$picker-md-button-height: $picker-md-toolbar-height;

/// @prop - Text color of the picker button
$picker-md-button-text-color: ion-color(primary, base);

/// @prop - Background of the picker button
$picker-md-button-background-color: transparent;

/// @prop - Font size of the picker button
$picker-md-button-font-size: 14px;

/// @prop - Padding top of the picker column
$picker-md-column-padding-top: 0;

/// @prop - Padding end of the picker column
$picker-md-column-padding-end: 8px;

/// @prop - Padding bottom of the picker column
$picker-md-column-padding-bottom: $picker-md-column-padding-top;

/// @prop - Padding start of the picker column
$picker-md-column-padding-start: $picker-md-column-padding-end;

/// @prop - Padding top of the picker option
$picker-md-option-padding-top: 0;

/// @prop - Padding end of the picker option
$picker-md-option-padding-end: $picker-md-option-padding-top;

/// @prop - Padding bottom of the picker option
$picker-md-option-padding-bottom: $picker-md-option-padding-top;

/// @prop - Padding start of the picker option
$picker-md-option-padding-start: $picker-md-option-padding-end;

/// @prop - Text color of the picker option
$picker-md-option-text-color: $item-md-color;

/// @prop - Font size of the picker option
$picker-md-option-font-size: 22px;

/// @prop - Height of the picker option
$picker-md-option-height: 42px;

/// @prop - Offset y of the picker option
$picker-md-option-offset-y: (($picker-md-height - $picker-md-toolbar-height) * 0.5) - ($picker-md-option-height * 0.5) -
  10;

/// @prop - Text color of the selected picker option
$picker-md-option-selected-color: ion-color(primary, base);