mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-01-18 06:03:38 +08:00
Code Issues Actions 29 Packages Projects Releases Wiki Activity

Add button focus style, fix #1022

Browse Source
This commit is contained in:
afc163 2016-02-17 15:12:44 +08:00
parent 0efb81b290
commit 9f6a211fde
1 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
style/mixins/button.less
View File

@ -9,23 +9,21 @@
.button-variant(@color; @background; @border) {
.button-color(@color; @background; @border);
&:hover {
&:hover,
&:focus {
.button-color(tint(@color, 20%); tint(@background, 20%); tint(@border, 20%));
}
&:active,
&.active {
.button-color(shade(@color, 5%); shade(@background, 5%); shade(@background, 5%));
}
&:active,
&.active {
background-image: none;
}
&.disabled,
&[disabled],
fieldset[disabled] & {
&,
&:hover,
&:focus,
&:active,
&.active {
.button-color(@btn-disable-color; @btn-disable-bg; @btn-disable-border);
@ -128,6 +126,7 @@
.button-variant(@btn-primary-color; @btn-primary-bg; @primary-color);
&:hover,
&:focus,
&:active,
&.active {
color: @btn-primary-color;
@ -138,7 +137,8 @@
.btn-default() {
.button-variant(@btn-default-color; @btn-default-bg; @btn-default-border);
&:hover {
&:hover,
&:focus {
.button-color(tint(@primary-color, 20%); white; tint(@primary-color, 20%));
}
&:active,
@ -151,7 +151,8 @@
.btn-ghost() {
.button-variant(@btn-ghost-color, @btn-ghost-bg, @btn-ghost-border);
&:hover {
&:hover,
&:focus {
.button-color(tint(@primary-color, 20%); white; tint(@primary-color, 20%));
}
&:active,
@ -165,7 +166,8 @@
.button-variant(@btn-ghost-color, @btn-ghost-bg, @btn-ghost-border);
border-style: dashed;
&:hover {
&:hover,
&:focus {
.button-color(tint(@primary-color, 20%); white; tint(@primary-color, 20%));
}
&:active,
@ -211,6 +213,7 @@
}
&:not([disabled]):hover,
&:not([disabled]):focus,
&:not([disabled]):active,
&:not([disabled]).active {
> .@{iconfont-css-prefix} {
@ -220,6 +223,7 @@
}
&:not([disabled]):hover:before,
&:not([disabled]):focus:before,
&:not([disabled]):active:before,
&:not([disabled]).active:before {
.opacity(1);