diff --git a/style/mobile/components/button/v2/_index.less b/style/mobile/components/button/v2/_index.less index b4c0066dd0..81c3f38b7d 100644 --- a/style/mobile/components/button/v2/_index.less +++ b/style/mobile/components/button/v2/_index.less @@ -223,6 +223,7 @@ } } + &--dashed, &--outline { color: @button-default-outline-color; background-color: transparent; @@ -328,77 +329,6 @@ &::after { border-style: dashed; } - - &.@{button}--default { - color: @button-default-dashed-color; - background-color: transparent; - - &::after { - border-color: @button-default-dashed-border-color; - } - - &.@{button}--disabled { - background-color: transparent; - color: @button-default-dashed-disabled-color; - - &::after { - border-color: @button-default-dashed-disabled-color; - } - } - } - - &.@{button}--primary { - color: @button-primary-dashed-color; - background-color: transparent; - - &::after { - border-color: @button-primary-dashed-border-color; - } - - &.@{button}--disabled { - background-color: transparent; - color: @button-primary-dashed-disabled-color; - - &::after { - border-color: @button-primary-dashed-disabled-color; - } - } - } - - &.@{button}--danger { - color: @button-danger-dashed-color; - background-color: transparent; - - &::after { - border-color: @button-danger-dashed-border-color; - } - - &.@{button}--disabled { - background-color: transparent; - color: @button-danger-dashed-disabled-color; - - &::after { - border-color: @button-danger-dashed-disabled-color; - } - } - } - - &.@{button}--light { - color: @button-light-dashed-color; - - &::after { - border-color: @button-light-dashed-border-color; - } - - &.@{button}--disabled { - background-color: transparent; - color: @button-light-dashed-disabled-color; - - &::after { - border-color: @button-light-dashed-disabled-color; - } - } - } } .@{prefix}-loading + &__content:not(:empty), diff --git a/style/mobile/components/button/v2/_var.less b/style/mobile/components/button/v2/_var.less index f824ea3609..2c0d0ffa9e 100644 --- a/style/mobile/components/button/v2/_var.less +++ b/style/mobile/components/button/v2/_var.less @@ -73,22 +73,7 @@ @button-light-outline-border-color: var(--td-button-light-outline-border-color, @button-light-outline-color); @button-light-outline-bg-color: var(--td-button-light-outline-bg-color, @brand-color-light); @button-light-outline-disabled-color: var(--td-button-light-outline-disabled-color, @brand-color-disabled); -// default + dashed -@button-default-dashed-color: var(--td-button-default-dashed-color, @text-color-primary); -@button-default-dashed-border-color: var(--td-button-default-dashed-border-color, @component-border); -@button-default-dashed-disabled-color: var(--td-button-default-dashed-disabled-color, @component-border); -// primary + dashed -@button-primary-dashed-color: var(--td-button-primary-dashed-color, @brand-color); -@button-primary-dashed-border-color: var(--td-button-primary-dashed-border-color, @button-primary-dashed-color); -@button-primary-dashed-disabled-color: var(--td-button-primary-dashed-disabled-color, @brand-color-disabled); -// danger + dashed -@button-danger-dashed-color: var(--td-button-danger-dashed-color, @error-color); -@button-danger-dashed-border-color: var(--td-button-danger-dashed-border-color, @button-danger-dashed-color); -@button-danger-dashed-disabled-color: var(--td-button-danger-dashed-disabled-color, @button-danger-disabled-color); -// light + dashed -@button-light-dashed-color: var(--td-button-light-dashed-color, @brand-color); -@button-light-dashed-border-color: var(--td-button-light-dashed-border-color, @button-primary-dashed-color); -@button-light-dashed-disabled-color: var(--td-button-light-dashed-disabled-color, @component-border); + // primary + text @button-primary-text-color: var(--td-button-primary-text-color, @brand-color); @button-primary-text-disabled-color: var(--td-button-primary-text-disabled-color, @brand-color-disabled);