增加定制变量:表格分割线颜色

This commit is contained in:
yangchch6 2019-02-18 16:09:29 +08:00
parent 8476054464
commit eb15535790
5 changed files with 58 additions and 35 deletions

View File

@ -1,6 +1,6 @@
{ {
"name": "tinper-bee-core", "name": "tinper-bee-core",
"version": "2.0.6", "version": "2.0.8",
"description": "style core and js util for tinper-bee", "description": "style core and js util for tinper-bee",
"main": "lib/index.js", "main": "lib/index.js",
"engines": { "engines": {

View File

@ -10,28 +10,36 @@ $primary-color: "7,72,166" !default;
$primary-color-dark: "3,61,143" !default; $primary-color-dark: "3,61,143" !default;
$primary-color-light: "24,87,178" !default; $primary-color-light: "24,87,178" !default;
// 次按钮
$secondary-color: $palette-grey-300 !default;
$secondary-color-dark: $palette-grey-400 !default;
$secondary-color-light: $palette-grey-200 !default;
// 字体 // 字体
$font-family-primary: "Open Sans", "Helvetica Neue", Arial, "Hiragino Sans GB", "Microsoft YaHei", sans-serif !default; $font-family-primary: "Open Sans", "Helvetica Neue", Arial, "Hiragino Sans GB", "Microsoft YaHei", sans-serif !default;
// 主字号 // 主字号
$font-size-base: 14px !default; $font-size-base: 14px !default;
// 主文本色 // 主文本色
$text-color-base: $color-dark-contrast !default; $text-color-base: $color-dark-contrast !default;
// 边框色 // 边框色
$border-color: $palette-grey-400 !default; $border-color: $palette-grey-400 !default;
// 条目hover背景色包括selectdropdowntabledatepickertreemenu // 条目hover背景色包括selectdropdowntabledatepickertreemenucalendar
$item-hover-bg-color-base: $palette-blue-50 !default; $item-hover-bg-color-base: $palette-blue-50 !default;
// 条目selected背景色包括selectmenu等 // 条目selected背景色包括selectmenu等
$item-selected-bg-color-base: "247,247,247" !default; $item-selected-bg-color-base: "247,247,247" !default;
// Button 细化样式变量: // Button 细化样式变量:
// 次按钮背景色
$secondary-color: $palette-grey-300 !default;
$secondary-color-dark: $palette-grey-400 !default;
$secondary-color-light: $palette-grey-200 !default;
// 次按钮文本色 // 次按钮文本色
$button-secondary-text-color: $color-light-contrast !default; $button-secondary-text-color: $color-light-contrast !default;
// Table 细化样式变量
// 表头背景色
$table-header-background-color: "247,247,247";
// 表头文字颜色
$table-header-text-color: "102, 102, 102";
// 表格分割线颜色
$table-border-color-base: "233,233,233";
// 辅色 // 辅色
$color-accent: $palette-green-600 !default; $color-accent: $palette-green-600 !default;
$color-accent-dark: $palette-green-800 !default; $color-accent-dark: $palette-green-800 !default;

View File

@ -10,28 +10,36 @@ $primary-color: $palette-red-500 !default;
$primary-color-dark: $palette-red-700 !default; $primary-color-dark: $palette-red-700 !default;
$primary-color-light: $palette-red-300 !default; $primary-color-light: $palette-red-300 !default;
// 次按钮
$secondary-color: $palette-grey-300 !default;
$secondary-color-dark: $palette-grey-400 !default;
$secondary-color-light: $palette-grey-200 !default;
// 字体 // 字体
$font-family-primary: "Open Sans", "Helvetica Neue", Arial, "Hiragino Sans GB", "Microsoft YaHei", sans-serif !default; $font-family-primary: "Open Sans", "Helvetica Neue", Arial, "Hiragino Sans GB", "Microsoft YaHei", sans-serif !default;
// 主字号 // 主字号
$font-size-base: 14px !default; $font-size-base: 14px !default;
// 主文本色 // 主文本色
$text-color-base: $color-dark-contrast !default; $text-color-base: $color-dark-contrast !default;
// 边框色 // 边框色
$border-color: $palette-grey-400 !default; $border-color: $palette-grey-400 !default;
// 条目hover背景色包括selectdropdowntabledatepickertreemenu // 条目hover背景色包括selectdropdowntabledatepickertreemenucalendar
$item-hover-bg-color-base: $palette-red-50 !default; $item-hover-bg-color-base: $palette-red-50 !default;
// 条目selected背景色包括selectmenu等 // 条目selected背景色包括selectmenu等
$item-selected-bg-color-base: "247,247,247" !default; $item-selected-bg-color-base: "247,247,247" !default;
// Button 细化样式变量: // Button 细化样式变量:
// 次按钮背景色
$secondary-color: $palette-grey-300 !default;
$secondary-color-dark: $palette-grey-400 !default;
$secondary-color-light: $palette-grey-200 !default;
// 次按钮文本色 // 次按钮文本色
$button-secondary-text-color: $color-light-contrast !default; $button-secondary-text-color: $color-light-contrast !default;
// Table 细化样式变量
// 表头背景色
$table-header-background-color: "247,247,247";
// 表头文字颜色
$table-header-text-color: "102, 102, 102";
// 表格分割线颜色
$table-border-color-base: "233,233,233";
// 辅色 // 辅色
$color-accent: $palette-green-600 !default; $color-accent: $palette-green-600 !default;
$color-accent-dark: $palette-green-800 !default; $color-accent-dark: $palette-green-800 !default;

View File

@ -10,28 +10,36 @@ $primary-color: $palette-red-500 !default;
$primary-color-dark: $palette-red-700 !default; $primary-color-dark: $palette-red-700 !default;
$primary-color-light: $palette-red-300 !default; $primary-color-light: $palette-red-300 !default;
// 次按钮
$secondary-color: $palette-grey-300 !default;
$secondary-color-dark: $palette-grey-400 !default;
$secondary-color-light: $palette-grey-200 !default;
// 字体 // 字体
$font-family-primary: "Open Sans", "Helvetica Neue", Arial, "Hiragino Sans GB", "Microsoft YaHei", sans-serif !default; $font-family-primary: "Open Sans", "Helvetica Neue", Arial, "Hiragino Sans GB", "Microsoft YaHei", sans-serif !default;
// 主字号 // 主字号
$font-size-base: 14px !default; $font-size-base: 14px !default;
// 主文本色 // 主文本色
$text-color-base: $color-dark-contrast !default; $text-color-base: $color-dark-contrast !default;
// 边框色 // 边框色
$border-color: $palette-grey-400 !default; $border-color: $palette-grey-400 !default;
// 条目hover背景色包括selectdropdowntabledatepickertreemenu // 条目hover背景色包括selectdropdowntabledatepickertreemenucalendar
$item-hover-bg-color-base: $palette-red-50 !default; $item-hover-bg-color-base: $palette-red-50 !default;
// 条目selected背景色包括selectmenu等 // 条目selected背景色包括selectmenu等
$item-selected-bg-color-base: "247,247,247" !default; $item-selected-bg-color-base: "247,247,247" !default;
// Button 细化样式变量: // Button 细化样式变量:
// 次按钮背景色
$secondary-color: $palette-grey-300 !default;
$secondary-color-dark: $palette-grey-400 !default;
$secondary-color-light: $palette-grey-200 !default;
// 次按钮文本色 // 次按钮文本色
$button-secondary-text-color: $color-light-contrast !default; $button-secondary-text-color: $color-light-contrast !default;
// Table 细化样式变量
// 表头背景色
$table-header-background-color: "247,247,247";
// 表头文字颜色
$table-header-text-color: "102, 102, 102";
// 表格分割线颜色
$table-border-color-base: "233,233,233";
// 辅色 // 辅色
$color-accent: $palette-green-600 !default; $color-accent: $palette-green-600 !default;
$color-accent-dark: $palette-green-800 !default; $color-accent-dark: $palette-green-800 !default;

View File

@ -10,16 +10,6 @@ $primary-color: $palette-blue-600 !default;
$primary-color-dark: $palette-blue-800 !default; $primary-color-dark: $palette-blue-800 !default;
$primary-color-light: $palette-blue-400 !default; $primary-color-light: $palette-blue-400 !default;
// 向下兼容
$color-primary: $palette-blue-600 !default;
$color-primary-dark: $palette-blue-800 !default;
$color-primary-light: $palette-blue-400 !default;
// 次按钮背景色
$secondary-color: $palette-grey-300 !default;
$secondary-color-dark: $palette-grey-400 !default;
$secondary-color-light: $palette-grey-200 !default;
// 字体 // 字体
$font-family-primary: "Open Sans", "Helvetica Neue", Arial, "Hiragino Sans GB", "Microsoft YaHei", sans-serif !default; $font-family-primary: "Open Sans", "Helvetica Neue", Arial, "Hiragino Sans GB", "Microsoft YaHei", sans-serif !default;
// 主字号 // 主字号
@ -27,16 +17,18 @@ $font-size-base: 14px !default;
// 主文本色 // 主文本色
$text-color-base: $color-dark-contrast !default; $text-color-base: $color-dark-contrast !default;
// 边框色 // 边框色包括按钮输入框分页
$border-color: $palette-grey-400 !default; $border-color: $palette-grey-400 !default;
// 条目hover背景色包括selectdropdowntabledatepickertreemenu // 条目hover背景色包括selectdropdowntabledatepickertreemenucalendar
$item-hover-bg-color-base: $palette-blue-50 !default; $item-hover-bg-color-base: $palette-blue-50 !default;
// 条目selected背景色包括selectmenu等 // 条目selected背景色包括selectmenu等
$item-selected-bg-color-base: "247,247,247" !default; $item-selected-bg-color-base: "247,247,247" !default;
// Button 细化样式变量: // Button 细化样式变量:
// 主按钮文本色 // 次按钮背景色
// $button-primary-text-color: $color-dark-contrast !default; $secondary-color: $palette-grey-300 !default;
$secondary-color-dark: $palette-grey-400 !default;
$secondary-color-light: $palette-grey-200 !default;
// 次按钮文本色 // 次按钮文本色
$button-secondary-text-color: $color-light-contrast !default; $button-secondary-text-color: $color-light-contrast !default;
@ -45,6 +37,13 @@ $button-secondary-text-color: $color-light-contrast !default;
$table-header-background-color: "247,247,247"; $table-header-background-color: "247,247,247";
// 表头文字颜色 // 表头文字颜色
$table-header-text-color: "102, 102, 102"; $table-header-text-color: "102, 102, 102";
// 表格分割线颜色
$table-border-color-base: "233,233,233";
// 向下兼容
$color-primary: $palette-blue-600 !default;
$color-primary-dark: $palette-blue-800 !default;
$color-primary-light: $palette-blue-400 !default;
// 辅色 // 辅色
$color-accent: $palette-green-600 !default; $color-accent: $palette-green-600 !default;