## 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; ```