$base: 16px;

$c0: #41d100;
$c1: #4fa303;

// 头像的宽高
$AvatarSize: $base * 2;
// 头像与对话气泡的间隔
$AvatarBubbleMargin: $base * 1;


/* 对话气泡 */

// 对话气泡的下间隔
$ChatBubbleMarginBottom: $base * 1;
// 对话气泡文字大小
$ChatBubbleFontSize: $base * 1;
// 对话气泡 Padding
$ChatBubblePadding: $base * 0.5 $base * 1;
// 对话气泡文字行高
$ChatBubbleLineHeight: 1.5;
// 对话气泡圆角大小
$ChatBubblBorderRadius: $base * 1 $base * 0.5;
$ChatBubblBorderRadiusReverse: $base * 0.5 $base * 1;
// 对话气泡文字颜色
$ChatBubbleTextColor: #333;
$ChatBubbleTextColorLocal: #fff;
// Local 对话气泡背景色
$ChatBubbleBackgroundColor: #fff;
$ChatBubbleBackgroundColorLocal: $c1;
// 阴影
$ChatBubbleBoxShadow: 1px 1px 1px rgba(black, 0.2), 0px 0px 1px rgba(black, 0.1);

// Loading 气泡的内部高度
$LoadingBubbleHeight: $base * 1.5; // 数值上等于 $ChatBubbleLineHeight

/* AppendAble */

// Tip 的样式
$TipFontSize: 14px;
$TipBorderRadius: $base * 0.5;
$tipBackgroundColor: #999;
$tipPadding: $base * 0.25 $base * 0.5;
$TipLineheight: 1.5;

// Image 的样式
$ImageMarginScreen: 3rem;

/* CoverAble */

// Input
$inputBackgroundColor: rgba(white, 0.8);
$InputFontSize: $base;
$InputPadding: $base * 0.5 $base * 1;
$InputLineHeight: $base * 1.4;
$inputButtonWidth: $base * 2.4;
$InputSendBtnBackgroundColor: darken($c1, 10%);
$InputSendBtnColor: white;
$InputSendBtnSize: $base * 2;

// Choices
$ChoicesBackgroundColor: $inputBackgroundColor;
$ChoicePadding: $ChatBubblePadding;
$ChoiceBackgroundColor: $ChatBubbleBackgroundColorLocal;
$ChoiceTextColor: $ChatBubbleTextColorLocal;
$ChoiceFontSize: $ChatBubbleFontSize;
$ChoiceBorderRadius: $ChatBubblBorderRadiusReverse;
$ChoiceMargin: $base / 4;
$ChoiceBoxShadow: $ChatBubbleBoxShadow;

// Picker
$PickerBackgroundColor: #f5f5f9;
$PickerIndicatorBackgroundColor: transparent;
$PickerSendBtnBackgroundColor: darken($c1, 10%);
$PickerSendBtnColor: white;
$PickerSendBtnPadding: $base * 0.5 $base * 1;
$PickerSendBtnFontSize: $base;
$PickerBorderRadius: $base * 0.5;
$PickerBoxPadding: $base * 0.3;