mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-29 13:47:02 +08:00
Code Issues Actions 13 Packages Projects Releases Wiki Activity

improve card tabs close hover style

Browse Source
This commit is contained in:
afc163 2016-02-24 20:12:01 +08:00
parent ad07fd923b
commit dc0629ca82
1 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
style/components/tabs.less
View File

@ -382,6 +382,7 @@
} }
&&-card &-tab-inner { &&-card &-tab-inner {
padding: 7px 16px 6px; padding: 7px 16px 6px;
transition: all 0.3s @ease-in-out;
} }
&&-card &-tab-active { &&-card &-tab-active {
background: #fff; background: #fff;
@ -399,6 +400,7 @@
color: #999; color: #999;
transition: all 0.3s @ease-in-out; transition: all 0.3s @ease-in-out;
.iconfont-size-under-12px(9px); .iconfont-size-under-12px(9px);
transform-origin: 100% 50%;
width: 0; width: 0;
text-align: right; text-align: right;
vertical-align: middle; vertical-align: middle;
@ -409,6 +411,11 @@
} }
} }
&&-card &-tab:not(&-tab-active):hover &-tab-inner {
padding-left: 8px;
padding-right: 8px;
}
&&-card &-tab-active .anticon-cross, &&-card &-tab-active .anticon-cross,
&&-card &-tab:hover .anticon-cross { &&-card &-tab:hover .anticon-cross {
width: 16px; width: 16px;