Skip to content

Commit 585744b

Browse files
committed
refactor(time-select): [time-select] refactor the theme
1 parent 755a52a commit 585744b

File tree

2 files changed

+18
-18
lines changed

2 files changed

+18
-18
lines changed

packages/theme/src/time-select/index.less

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@
1818
@time-select-scrollbar-cls: ~'@{css-prefix}scrollbar';
1919

2020
.@{time-select-prefix-cls} {
21-
.inject-Time-Select-vars();
21+
.inject-TimeSelect-vars();
2222

2323
height: 242px;
2424
.@{time-select-scrollbar-cls} {
@@ -29,33 +29,33 @@
2929
}
3030

3131
& &__item {
32-
color: var(--ti-Time-Select-item-text-color);
33-
font-size: var(--ti-Time-Select-item-font-size);
34-
padding: 0 var(--ti-Time-Select-item-padding-horizontal);
32+
color: var(--ti-TimeSelect-item-text-color);
33+
font-size: var(--ti-TimeSelect-item-font-size);
34+
padding: 0 var(--ti-TimeSelect-item-padding-horizontal);
3535
line-height: 32px;
3636
height: 32px;
3737

3838

3939
&.selected:not(.disabled) {
40-
color: var(--ti-Time-Select-item-selected-text-color);
41-
background-color: var(--ti-Time-Select-item-select-hover-bg-color);
40+
color: var(--ti-TimeSelect-item-selected-text-color);
41+
background-color: var(--ti-TimeSelect-item-select-hover-bg-color);
4242
}
4343

4444
&:not(.disabled):hover {
45-
background-color: var(--ti-Time-Select-item-hover-bg-color);
45+
background-color: var(--ti-TimeSelect-item-hover-bg-color);
4646
cursor: pointer;
4747
}
4848

4949
&.disabled {
50-
color: var(--ti-Time-Select-item-disabled-text-color);
50+
color: var(--ti-TimeSelect-item-disabled-text-color);
5151
cursor: not-allowed;
5252
}
5353
}
5454
.@{picker-panel-prefix-cls} {
5555
&__content {
5656
padding-left: 0;
5757
padding-right: 0;
58-
padding-top: var(--ti-Time-Select-content-padding-top);
58+
padding-top: var(--ti-TimeSelect-content-padding-top);
5959
}
6060
}
6161
}

packages/theme/src/time-select/vars.less

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -10,21 +10,21 @@
1010
*
1111
*/
1212

13-
.inject-Time-Select-vars() {
13+
.inject-TimeSelect-vars() {
1414
// 时间选择选项字体色
15-
--ti-Time-Select-item-text-color: var(--tv-color-act-primary-text);
15+
--ti-TimeSelect-item-text-color: var(--tv-color-act-primary-text);
1616
// 时间选择选项字号
17-
--ti-Time-Select-item-font-size: var(--tv-font-size-md);
17+
--ti-TimeSelect-item-font-size: var(--tv-font-size-md);
1818
// 时间选择选项左右内边距
19-
--ti-Time-Select-item-padding-horizontal: var(--tv-space-xl);
19+
--ti-TimeSelect-item-padding-horizontal: var(--tv-space-xl);
2020
// 时间选择选项悬浮背景色
21-
--ti-Time-Select-item-hover-bg-color: var(--tv-color-bg-hover);
21+
--ti-TimeSelect-item-hover-bg-color: var(--tv-color-bg-hover);
2222
// 时间选择选项禁用文本色
23-
--ti-Time-Select-item-disabled-text-color: var(--tv-color-text-disabled);
23+
--ti-TimeSelect-item-disabled-text-color: var(--tv-color-text-disabled);
2424
// 时间选择选项悬浮背景色(选中项)
25-
--ti-Time-Select-item-select-hover-bg-color: var(--tv-color-bg-active);
25+
--ti-TimeSelect-item-select-hover-bg-color: var(--tv-color-bg-active);
2626
// 时间选择选项字体色(选中项)
27-
--ti-Time-Select-item-selected-text-color: var(--tv-color-text-active);
27+
--ti-TimeSelect-item-selected-text-color: var(--tv-color-text-active);
2828
// 面板高度
29-
--ti-Time-Select-content-padding-top: var(--tv-space-md);
29+
--ti-TimeSelect-content-padding-top: var(--tv-space-md);
3030
}

0 commit comments

Comments
 (0)