Skip to content

@link-hover-color, @link-active-color定制化失效 #3525

@zzzzzshPig

Description

@zzzzzshPig
  • I have searched the issues of this repository and believe that this is not a duplicate.

Version

2.0.0-rc.8

Environment

MacOS, Chrome 87.0.4280.88, Vue3

Reproduction link

https://github.com/vueComponent/ant-design-vue/blob/next/components/button/style/mixin.less

Steps to reproduce

https://github.com/vueComponent/ant-design-vue/blob/next/components/button/style/mixin.less

&:hover,
&:focus,
&:active {
border-color: transparent;
}

没有用到less变量

What is expected?

使我的定制化效果生效

{
modifyVars: {
'@success-color': '#07B588',
'@link-color': 'rgba(29, 165, 122, 1)',
'@link-active-color': 'rgba(29, 165, 122, .7)',
'@link-hover-color': 'rgba(29, 165, 122, .5)',
'@border-radius-base': '2px',
'@table-row-hover-bg': '#fafafa'
},
javascriptEnabled: true
}

What is actually happening?

修改@link-active-color, @link-hover-color不生效

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions