## variable
> 基本变量定义
### color
![color](https://box.kancloud.cn/dddc0a07e9e969f745256d0e38f4afea_804x282.jpg)
``` 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;
```