style(button): 优化按钮激活状态样式
- 修改默认按钮、主要按钮、危险按钮在激活状态下的背景色、边框色和文字颜色 - 增加幽灵按钮、文本按钮和链接按钮在激活状态下的样式 -统一使用 $color-error-7 和 $color-primary-7 作为激活状态的颜色
This commit is contained in:
@ -86,7 +86,7 @@
|
||||
}
|
||||
|
||||
&:active {
|
||||
background: $color-error-5 !important;
|
||||
background-color: $color-error-7 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -105,6 +105,11 @@
|
||||
color: $color-primary-5 !important;
|
||||
background-color: #fff !important;
|
||||
}
|
||||
|
||||
&:active {
|
||||
border-color: $color-primary-7 !important;
|
||||
color: $color-primary-7 !important;
|
||||
}
|
||||
}
|
||||
&.ant-btn-dangerous {
|
||||
border: 1px solid $color-error !important;
|
||||
@ -119,6 +124,11 @@
|
||||
border-color: $color-error-5 !important;
|
||||
color: $color-error-5 !important;
|
||||
}
|
||||
|
||||
&:active {
|
||||
border-color: $color-error-7 !important;
|
||||
color: $color-error-7 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -136,6 +146,11 @@
|
||||
border-color: $color-primary-5 !important;
|
||||
color: $color-primary-5 !important;
|
||||
}
|
||||
|
||||
&:active {
|
||||
border-color: $color-primary-7 !important;
|
||||
color: $color-primary-7 !important;
|
||||
}
|
||||
}
|
||||
|
||||
&.ant-btn-dangerous {
|
||||
@ -150,6 +165,11 @@
|
||||
border-color: $color-error-5 !important;
|
||||
color: $color-error-5 !important;
|
||||
}
|
||||
|
||||
&:active {
|
||||
border-color: $color-error-7 !important;
|
||||
color: $color-error-7 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -167,6 +187,10 @@
|
||||
color: $color-primary-5 !important;
|
||||
border-color: transparent !important;
|
||||
}
|
||||
|
||||
&:active {
|
||||
color: $color-primary-7 !important;
|
||||
}
|
||||
}
|
||||
&.ant-btn-dangerous {
|
||||
color: $color-error !important;
|
||||
@ -177,6 +201,10 @@
|
||||
&:hover {
|
||||
color: $color-error-5 !important;
|
||||
}
|
||||
|
||||
&:active {
|
||||
color: $color-error-7 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -194,6 +222,10 @@
|
||||
color: $color-primary-5 !important;
|
||||
border-color: transparent !important;
|
||||
}
|
||||
|
||||
&:active {
|
||||
color: $color-primary-7 !important;
|
||||
}
|
||||
}
|
||||
&.ant-btn-dangerous {
|
||||
color: $color-error !important;
|
||||
@ -204,6 +236,10 @@
|
||||
&:hover {
|
||||
color: $color-error-5 !important;
|
||||
}
|
||||
|
||||
&:active {
|
||||
color: $color-error-7 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user