From 1ed1286e7dcc0e05bc246f08c373d7158415a45c Mon Sep 17 00:00:00 2001 From: Y Date: Thu, 13 Jul 2023 10:41:00 +0800 Subject: [PATCH] fix(Cell): update css variables name (#1528) * fix(Cell): update css variables name * fix: resolved some spelling mistake --- style/mobile/components/cell/v2/_var.less | 4 ++-- style/mobile/components/collapse/_var.less | 2 +- style/mobile/components/collapse/v2/_index.less | 2 +- style/mobile/components/collapse/v2/_var.less | 2 +- style/mobile/components/popover/_var.less | 2 +- style/mobile/components/step-item/v2/_index.less | 2 +- style/mobile/components/step-item/v2/_var.less | 2 +- style/mobile/components/switch/v2/_index.less | 6 +++--- style/mobile/components/switch/v2/_var.less | 6 +++--- style/mobile/components/tab-bar-item/v2/_var.less | 1 - style/mobile/components/tabs/v2/_var.less | 2 +- 11 files changed, 15 insertions(+), 16 deletions(-) diff --git a/style/mobile/components/cell/v2/_var.less b/style/mobile/components/cell/v2/_var.less index a44c940ee8..88fc042b39 100644 --- a/style/mobile/components/cell/v2/_var.less +++ b/style/mobile/components/cell/v2/_var.less @@ -5,8 +5,8 @@ @cell-bg-color: var(--td-cell-bg-color, @bg-color-container); @cell-hover-color: var(--td-cell-hover-color, @bg-color-secondarycontainer); @cell-border-color: var(--td-cell-border-color, @component-stroke); -@cell-border-left-space: var(--td-border-left-space, @cell-horizontal-padding); -@cell-border-right-space: var(--td-border-right-space, 0); +@cell-border-left-space: var(--td-cell-border-left-space, @cell-horizontal-padding); +@cell-border-right-space: var(--td-cell-border-right-space, 0); @cell-description-color: var(--td-cell-description-color, @font-gray-2); @cell-description-font-size: var(--td-cell-description-font-size, @font-size-base); @cell-description-line-height: var(--td-cell-description-line-height, 22px); diff --git a/style/mobile/components/collapse/_var.less b/style/mobile/components/collapse/_var.less index eb6fb96afb..ecd218429c 100644 --- a/style/mobile/components/collapse/_var.less +++ b/style/mobile/components/collapse/_var.less @@ -1,6 +1,6 @@ @collapse-header-text-color: @text-color-primary; @collapse-content-text-color: @text-color-primary; -@collapse-header-text-diabled-color: @text-color-disabled; +@collapse-header-text-disabled-color: @text-color-disabled; @collapse-list-content-text-color: @text-color-primary; // font-size diff --git a/style/mobile/components/collapse/v2/_index.less b/style/mobile/components/collapse/v2/_index.less index 86665f6146..7690d7cbd5 100644 --- a/style/mobile/components/collapse/v2/_index.less +++ b/style/mobile/components/collapse/v2/_index.less @@ -72,7 +72,7 @@ .@{cell}__title, .@{cell}__note, .@{cell}__right-icon { - color: @collapse-header-text-diabled-color; + color: @collapse-header-text-disabled-color; } } diff --git a/style/mobile/components/collapse/v2/_var.less b/style/mobile/components/collapse/v2/_var.less index a7f77b324e..36dc38b7da 100644 --- a/style/mobile/components/collapse/v2/_var.less +++ b/style/mobile/components/collapse/v2/_var.less @@ -1,6 +1,6 @@ @collapse-header-text-color: var(--td-collapse-header-text-color, @font-gray-1); @collapse-content-text-color: var(--td-collapse-content-text-color, @font-gray-1); -@collapse-header-text-diabled-color: var(--td-collapse-header-text-diabled-color, @font-gray-4); +@collapse-header-text-disabled-color: var(--td-collapse-header-text-disabled-color, @font-gray-4); // font-size @collapse-title-font-size: var(--td-collapse-title-font-size, @font-size-m); diff --git a/style/mobile/components/popover/_var.less b/style/mobile/components/popover/_var.less index 10c0066b66..d142897144 100644 --- a/style/mobile/components/popover/_var.less +++ b/style/mobile/components/popover/_var.less @@ -1,5 +1,5 @@ // 间距 -@popover-padding: var(--td-popover-padding, 12px) ; +@popover-padding: var(--td-popover-padding, 12px); @popover-content-line-height: 24px; @popover-arrow-width: 8px; @popover-arrow-height: 8px; diff --git a/style/mobile/components/step-item/v2/_index.less b/style/mobile/components/step-item/v2/_index.less index 618c6620a4..eef8904ee3 100644 --- a/style/mobile/components/step-item/v2/_index.less +++ b/style/mobile/components/step-item/v2/_index.less @@ -133,7 +133,7 @@ } &__description { - color: @step-item-descrition-color; + color: @step-item-description-color; line-height: 20px; font-size: @font-size-s; diff --git a/style/mobile/components/step-item/v2/_var.less b/style/mobile/components/step-item/v2/_var.less index e7a994a1ed..0c96a0ba9d 100644 --- a/style/mobile/components/step-item/v2/_var.less +++ b/style/mobile/components/step-item/v2/_var.less @@ -1,7 +1,7 @@ @step-item-dot-size: var(--td-step-item-dot-size, 8px); @step-item-circle-size: var(--td-step-item-circle-size, 22px); @step-item-circle-font-size: var(--td-step-item-circle-font-size, 14px); -@step-item-descrition-color: var(--td-step-item-descrition-color, @font-gray-3); +@step-item-description-color: var(--td-step-item-description-color, @font-gray-3); @step-item-default-circle-bg: var(--td-step-item-default-circle-bg, @bg-color-secondarycontainer); @step-item-default-circle-color: var(--td-step-item-default-circle-color, @font-gray-3); diff --git a/style/mobile/components/switch/v2/_index.less b/style/mobile/components/switch/v2/_index.less index 201368ee26..ab4e98e682 100644 --- a/style/mobile/components/switch/v2/_index.less +++ b/style/mobile/components/switch/v2/_index.less @@ -48,7 +48,7 @@ align-items: center; justify-content: center; flex-wrap: nowrap; - font-size: @swtich-label-font-size; + font-size: @switch-label-font-size; color: @switch-label-color; overflow: hidden; @@ -65,11 +65,11 @@ } &--large { - font-size: @swtich-label-large-font-size; + font-size: @switch-label-large-font-size; } &--small { - font-size: @swtich-label-small-font-size; + font-size: @switch-label-small-font-size; } &:empty { diff --git a/style/mobile/components/switch/v2/_var.less b/style/mobile/components/switch/v2/_var.less index 1c88c734ed..118072bba8 100644 --- a/style/mobile/components/switch/v2/_var.less +++ b/style/mobile/components/switch/v2/_var.less @@ -32,9 +32,9 @@ @switch-dot-small-size: var(--td-switch-dot-small-size, 18px); @switch-dot-plain-small-size: var(--td-switch-dot-plain-small-size, 14px); -@swtich-label-font-size: var(--td-swtich-label-font-size, 14px); -@swtich-label-large-font-size: var(--td-swtich-label-font-size, 16px); -@swtich-label-small-font-size: var(--td-swtich-label-font-size, 12px); +@switch-label-font-size: var(--td-switch-label-font-size, 14px); +@switch-label-large-font-size: var(--td-switch-label-font-size, 16px); +@switch-label-small-font-size: var(--td-switch-label-font-size, 12px); @switch-label-color: var(--td-switch-label-color, @font-gray-4); @switch-label-checked-color: var(--td-switch-label-checked-color, @switch-checked-color); diff --git a/style/mobile/components/tab-bar-item/v2/_var.less b/style/mobile/components/tab-bar-item/v2/_var.less index c2a0b70d7d..a5319e3fda 100644 --- a/style/mobile/components/tab-bar-item/v2/_var.less +++ b/style/mobile/components/tab-bar-item/v2/_var.less @@ -6,7 +6,6 @@ @tab-bar-border-color: var(--td-tab-bar-border-color, @border-color); @tab-bar-hover-bg-color: var(--td-tab-bar-hover-bg-color, rgba(0, 0, 0, .05)); @tab-bar-active-color: var(--td-tab-bar-active-color, @brand-color); -@tab-bar-bg-color: var(--td-tab-bar-bg-color, @bg-color-container); @tab-bar-active-bg: var(--td-tab-bar-active-bg, @brand-color-light); @tab-bar-spread-shadow: var(--td-tab-bar-spread-shadow, @shadow-3); @tab-bar-spread-border-color: var(--td-tab-bar-spread-border-color, @border-color); diff --git a/style/mobile/components/tabs/v2/_var.less b/style/mobile/components/tabs/v2/_var.less index 68520109ae..cb3f7d2f64 100644 --- a/style/mobile/components/tabs/v2/_var.less +++ b/style/mobile/components/tabs/v2/_var.less @@ -2,7 +2,7 @@ @item: ~"@{tabs}__item"; //字号 -@tab-font-size: var(--tab-font-size, 14px); +@tab-font-size: var(--td-tab-font-size, 14px); @tab-font-medium: @font-size-base; @tab-font-large: @font-size-m; @tab-nav-bg-color: var(--td-tab-nav-bg-color, @bg-color-container);