/* common */

$width: 375px;
$height: 667px;
$color-blue: #55A0F5;
$color-white: #fff;
$color-grey: #BDBDBD;
$color-green: #4CD964;  // switch 颜色
$border-color: #c8c8cd;
$success-color: #4caf50;
$error-color: #f44336;
$warning-color: #ffc107;
$font-color1: #333333;
$font-color2: #666666;
$font-color3: #999999;
$font-colorblue: #55A0F5;
$border-radius: 4px;

/* Cell Component */
$cell-value-color: #888;
$cell-min-height: 44px;

/* Card Component */
$card-title-height: 42px;
$card-content-minheight: 100px;
$card-btm-height:40px;
$card-width: 351px;

/* list component*/
$list-height : 22px;
$list-min-height: 18px;
/* Header Component */
$header-height: 37px;

/* Button Component */
$button-secondary-color: #333333;
$button-secondary-background-color: #ffffff;
$button-secondary-box-shadow: 0 0 1px #b8bbbf;
$button-primary-color: #fff;
$button-primary-background-color: #55A0F5;
$button-danger-color: #fff;
$button-danger-background-color: #ef4f4f;

/* Tab Item Component */
$tab-item-font-size: 12px;

/* Tabbar Component */
$tabbar-background-color: #fafafa;
$tabbar-tab-item-selected-background-color: #eaeaea;
$tabbar-tab-item-selected-color: $color-blue;

/* Navbar Component */
$navbar-background-color: #fafafa;
$tabbar-tab-item-selected-background-color: #eaeaea;

/* Checklist Component */
$checklist-title-color: #888;

/* Radio Component */
$radio-title-color: #888;
$radio-background-color: #DDDDDD;

/* z-index */
$z-index-normal: 1;

/* 动画 */
$--md-fade-transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms !default;