mirror/element-plus
2
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2025-01-30 11:16:12 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(style): rename -color-base to --el-bg-color (#4615)

Browse Source
This commit is contained in:
云游君 2021-12-05 12:59:18 +08:00 committed by GitHub
parent e568973a58
commit e01a236849
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
17 changed files with 27 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
docs/.vitepress/vitepress/styles/vars.scss
View File

@ -40,13 +40,14 @@
// code block vars
--code-bg-color: var(--el-bg-color-base);
--code-font-size: var(--el-font-size-base);
--code-bg-color: var(--el-bg-color);
--code-text-color: var(--text-color);
--code-font-family: var(--font-family-mono);
// doc search vars
--docsearch-primary-color: var(--brand-color);
--docsearch-searchbox-background: var(--el-bg-color-base);
--docsearch-searchbox-background: var(--el-bg-color);
}
:root {

2
packages/theme-chalk/src/check-tag.scss
View File

@ -4,7 +4,7 @@
@use 'common/var' as *;
@include b(check-tag) {
background-color: $background-color-base;
background-color: var(--el-bg-color);
border-radius: var(--el-border-radius-base);
color: var(--el-color-info);
cursor: pointer;

14
packages/theme-chalk/src/common/var.scss
View File

@ -104,7 +104,7 @@ $border-color: map.merge(
// Background
/// color|1|Background Color|4
$background-color-base: #f5f7fa !default;
$bg-color: #f5f7fa !default;
// Border
$border-width-base: 1px !default;
@ -156,7 +156,7 @@ $font-size: map.merge(
$disabled: () !default;
$disabled: map.merge(
(
'bg-color': var(--el-bg-color-base),
'bg-color': var(--el-bg-color),
'text-color': var(--el-text-color-placeholder),
'border-color': var(--el-border-color-light),
),
@ -318,7 +318,7 @@ $select-option: map.merge(
'text-color': var(--el-text-color-regular),
'disabled-color': var(--el-text-color-placeholder),
'height': 34px,
'hover-background': var(--el-bg-color-base),
'hover-background': var(--el-bg-color),
'selected-text-color': var(--el-color-primary),
),
$select-option
@ -506,7 +506,7 @@ $cascader: map.merge(
'menu-radius': var(--el-border-radius-base),
'menu-border': solid 1px var(--el-border-color-light),
'menu-shadow': var(--el-box-shadow-light),
'node-background-hover': var(--el-bg-color-base),
'node-background-hover': var(--el-bg-color),
'node-color-disabled': var(--el-text-color-placeholder),
'color-empty': var(--el-text-color-placeholder),
'tag-background': #f0f2f5,
@ -647,7 +647,7 @@ $table: map.merge(
'border': 1px solid var(--el-table-border-color),
'text-color': var(--el-text-color-regular),
'header-text-color': var(--el-text-color-secondary),
'row-hover-bg-color': var(--el-bg-color-base),
'row-hover-bg-color': var(--el-bg-color),
'current-row-bg-color': var(--el-color-primary-light-9),
'header-bg-color': var(--el-color-white),
'fixed-box-shadow': 0 0 10px rgba(0, 0, 0, 0.12),
@ -780,7 +780,7 @@ $tag-height: map.merge(
$tree: () !default;
$tree: map.merge(
(
'node-hover-bg-color': var(--el-bg-color-base),
'node-hover-bg-color': var(--el-bg-color),
'text-color': var(--el-text-color-regular),
'expand-icon-color': var(--el-text-color-placeholder),
),
@ -992,7 +992,7 @@ $transfer: map.merge(
'border-radius': var(--el-border-radius-base),
'panel-width': 200px,
'panel-header-height': 40px,
'panel-header-bg-color': var(--el-bg-color-base),
'panel-header-bg-color': var(--el-bg-color),
'panel-footer-height': 40px,
'panel-body-height': 246px,
'item-height': 30px,

2
packages/theme-chalk/src/date-picker/date-table.scss
View File

@ -113,7 +113,7 @@
}
&.disabled .el-date-table-cell {
background-color: $background-color-base;
background-color: var(--el-bg-color);
opacity: 1;
cursor: not-allowed;
color: var(--el-text-color-placeholder);

2
packages/theme-chalk/src/date-picker/month-table.scss
View File

@ -27,7 +27,7 @@
}
&.disabled .cell {
background-color: $background-color-base;
background-color: var(--el-bg-color);
cursor: not-allowed;
color: var(--el-text-color-placeholder);

2
packages/theme-chalk/src/date-picker/time-spinner.scss
View File

@ -95,7 +95,7 @@
color: var(--el-text-color-regular);
&:hover:not(.disabled):not(.active) {
background: $background-color-base;
background: var(--el-bg-color);
cursor: pointer;
}

2
packages/theme-chalk/src/date-picker/year-table.scss
View File

@ -23,7 +23,7 @@
}
&.disabled .cell {
background-color: var(--el-bg-color-base);
background-color: var(--el-bg-color);
cursor: not-allowed;
color: var(--el-text-color-placeholder);

6
packages/theme-chalk/src/image.scss
View File

@ -17,8 +17,8 @@
}
@include e(placeholder) {
@extend %size !optional;
background: $background-color-base;
@extend %size;
background: var(--el-bg-color);
}
@include e(error) {
@ -27,7 +27,7 @@
justify-content: center;
align-items: center;
font-size: 14px;
background: $background-color-base;
background: var(--el-bg-color);
color: var(--el-text-color-placeholder);
vertical-align: middle;
}

2
packages/theme-chalk/src/input-number.scss
View File

@ -38,7 +38,7 @@
width: map.get($input-height, 'default');
height: auto;
text-align: center;
background: $background-color-base;
background: var(--el-bg-color);
color: var(--el-text-color-regular);
cursor: pointer;
font-size: 13px;

2
packages/theme-chalk/src/input.scss
View File

@ -305,7 +305,7 @@
}
@include e((append, prepend)) {
background-color: var(--el-bg-color-base);
background-color: var(--el-bg-color);
color: var(--el-color-info);
vertical-align: middle;
display: table-cell;

2
packages/theme-chalk/src/select-v2.scss
View File

@ -48,7 +48,7 @@ $input-inline-start: 15px !default;
@include when(disabled) {
cursor: not-allowed;
background-color: var(--el-bg-color-base);
background-color: var(--el-bg-color);
color: var(--el-text-color-placeholder);
border-color: var(--el-select-disabled-border);

2
packages/theme-chalk/src/steps.scss
View File

@ -7,7 +7,7 @@
@include m(simple) {
padding: 13px 8%;
border-radius: 4px;
background: $background-color-base;
background: var(--el-bg-color);
}
@include m(horizontal) {

2
packages/theme-chalk/src/table.scss
View File

@ -110,7 +110,7 @@
&.is-group {
th.#{$namespace}-table__cell {
background: var(--el-bg-color-base);
background: var(--el-bg-color);
}
}
}

2
packages/theme-chalk/src/tabs.scss
View File

@ -226,7 +226,7 @@
padding: 15px;
}
> .#{$namespace}-tabs__header {
background-color: $background-color-base;
background-color: var(--el-bg-color);
border-bottom: 1px solid var(--el-border-color-light);
margin: 0;
}

2
packages/theme-chalk/src/time-select.scss
View File

@ -23,7 +23,7 @@
}
&:hover {
background-color: $background-color-base;
background-color: var(--el-bg-color);
font-weight: bold;
cursor: pointer;
}

2
packages/theme-chalk/src/upload.scss
View File

@ -176,7 +176,7 @@
}
&:hover {
background-color: $background-color-base;
background-color: var(--el-bg-color);
.#{$namespace}-icon--close {
display: inline-block;

2
packages/theme-chalk/src/var.scss
View File

@ -25,7 +25,7 @@
}
// Background
--el-bg-color-base: #{$background-color-base};
--el-bg-color: #{$bg-color};
// Border
--el-border-width-base: #{$border-width-base};