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

// Material Design Item
// --------------------------------------------------

/// @prop - Color of the item paragraph
$item-md-paragraph-text-color:       $text-md-color-step-400 !default;

/// @prop - Font family of the item
$item-md-font-family:                $font-family-md-base !default;

/// @prop - Font size of the item
$item-md-font-size:                  16px !default;

/// @prop - Width of the avatar in the item
$item-md-avatar-width:               40px !default;

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

/// @prop - Width of the thumbnail in the item
$item-md-thumbnail-width:            80px !default;

/// @prop - Height of the thumbnail in the item
$item-md-thumbnail-height:           $item-md-thumbnail-width !default;

/// @prop - Color of the detail arrow icon
$item-md-detail-push-color:          $item-md-border-color !default;

/// @prop - Padding top for the item content
$item-md-padding-top:                 13px !default;

/// @prop - Padding end for the item content
$item-md-padding-end:                 16px !default;

/// @prop - Padding bottom for the item content
$item-md-padding-bottom:              13px !default;

/// @prop - Padding start for the item content
$item-md-padding-start:               16px !default;


// Item Slots
// --------------------------------------------------

/// @prop - Margin top for the start/end slot
$item-md-slot-margin-top:                   0 !default;

/// @prop - Margin end for the start/end slot
$item-md-slot-margin-end:                   ($item-md-padding-end / 2) !default;

/// @prop - Margin bottom for the start/end slot
$item-md-slot-margin-bottom:                $item-md-slot-margin-top !default;

/// @prop - Margin start for the start/end slot
$item-md-slot-margin-start:                 0 !default;

/// @prop - Margin top for an icon in the start/end slot
$item-md-icon-slot-margin-top:              11px !default;

/// @prop - Margin end for an icon in the start/end slot
$item-md-icon-slot-margin-end:              null !default;

/// @prop - Margin bottom for an icon in the start/end slot
$item-md-icon-slot-margin-bottom:           10px !default;

/// @prop - Margin start for an icon in the start/end slot
$item-md-icon-slot-margin-start:            0 !default;

/// @prop - Margin top for the end slot inside of a floating/stacked label
$item-md-label-slot-end-margin-top:         7px !default;

/// @prop - Margin end for the end slot inside of a floating/stacked label
$item-md-label-slot-end-margin-end:         null !default;

/// @prop - Margin bottom for the end slot inside of a floating/stacked label
$item-md-label-slot-end-margin-bottom:      $item-md-label-slot-end-margin-top !default;

/// @prop - Margin start for the end slot inside of a floating/stacked label
$item-md-label-slot-end-margin-start:       $item-md-label-slot-end-margin-end !default;
