增加定制变量:表格分割线颜色
This commit is contained in:
parent
8476054464
commit
eb15535790
|
@ -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": {
|
||||||
|
|
|
@ -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背景色,包括:select、dropdown、table、datepicker、tree、menu等
|
// 条目hover背景色,包括:select、dropdown、table、datepicker、tree、menu、calendar
|
||||||
$item-hover-bg-color-base: $palette-blue-50 !default;
|
$item-hover-bg-color-base: $palette-blue-50 !default;
|
||||||
// 条目selected背景色,包括:select、menu等
|
// 条目selected背景色,包括:select、menu等
|
||||||
$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;
|
||||||
|
|
|
@ -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背景色,包括:select、dropdown、table、datepicker、tree、menu等
|
// 条目hover背景色,包括:select、dropdown、table、datepicker、tree、menu、calendar
|
||||||
$item-hover-bg-color-base: $palette-red-50 !default;
|
$item-hover-bg-color-base: $palette-red-50 !default;
|
||||||
// 条目selected背景色,包括:select、menu等
|
// 条目selected背景色,包括:select、menu等
|
||||||
$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;
|
||||||
|
|
|
@ -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背景色,包括:select、dropdown、table、datepicker、tree、menu等
|
// 条目hover背景色,包括:select、dropdown、table、datepicker、tree、menu、calendar
|
||||||
$item-hover-bg-color-base: $palette-red-50 !default;
|
$item-hover-bg-color-base: $palette-red-50 !default;
|
||||||
// 条目selected背景色,包括:select、menu等
|
// 条目selected背景色,包括:select、menu等
|
||||||
$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;
|
||||||
|
|
|
@ -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背景色,包括:select、dropdown、table、datepicker、tree、menu等
|
// 条目hover背景色,包括:select、dropdown、table、datepicker、tree、menu、calendar
|
||||||
$item-hover-bg-color-base: $palette-blue-50 !default;
|
$item-hover-bg-color-base: $palette-blue-50 !default;
|
||||||
// 条目selected背景色,包括:select、menu等
|
// 条目selected背景色,包括:select、menu等
|
||||||
$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;
|
||||||
|
|
Loading…
Reference in New Issue