## variable
> 基本變量定義
### color
``` scss
//根字號
$font-size-root: 16px !default;
//基本字號
$font-size-base: 14px !default;
//行高
$line-height-base: 1.5 !default;
//字體
$font-family-base: 'Pingfang SC', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Hiragino Sans GB W3', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', sans-serif !default;
//代碼類字體
$font-family-code: Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace !default;
//數字類字體
$font-family-number: SourceCodeProRegular, Menlo, Monaco, Consolas, 'Courier New', monospace !default;
//字號
$h1: 32px !default;
$h2: 24px !default;
$h3: 20px !default;
$h4: 18px !default;
$h5: 16px !default;
$h6: 14px !default;
$small: 12px!default;
//顏色
//標題色
$color-title: #212121 !default;
//文本色
$color-text: #515151 !default;
//描述文本色
$color-description: #757575 !default;
//輕提示文本色
$color-hint: #9e9e9e !default;
//輸入框placeholder文本色
$color-placeholder: #bdbdbd!default;
//邊框色
$color-border: #d3d3d3!default;
//背景色
$color-light: #f0f0f0!default;
//淺背景色
$color-lighter: #f5f5f5!default;
//極淺背景色
$color-lightest: #fafafa!default;
//默認主色調
$color-primary: #0275d8 !default;
//積極/成功色調
$color-positive: #5cb85c !default;
//消極/失敗色調
$color-negative: #d9534f !default;
//表單類小圓角大小
$form-radius: 2px!default
//表單類大圓角大小;
$form-pill: 200px!default;
//輸入框，按鈕類尺寸
//34px
$form-size: (font-size:14px, line-height:1.4286, padding-y:6px, padding-x:16px) !default;
//24px
$form-size-tiny: (font-size:12px, line-height:1.5, padding-y:2px, padding-x:12px) !default;
//30px
$form-size-small: (font-size:14px, line-height:1.4286, padding-y:4px, padding-x:14px) !default;
//44px
$form-size-large: (font-size:16px, line-height:1.625, padding-y:8px, padding-x:20px) !default;
//表單類disabled透明度
$disabled-opacity: .5 !default;
//支持表單類鼠標滑過漸變動畫
$enable-form-translation: true !default;
```
