test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-01 03:29:39 +08:00
Code Issues Actions 69 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 {
padding: 7px 16px 6px;
transition: all 0.3s @ease-in-out;
}
&&-card &-tab-active {
background: #fff;
@ -399,6 +400,7 @@
color: #999;
transition: all 0.3s @ease-in-out;
.iconfont-size-under-12px(9px);
transform-origin: 100% 50%;
width: 0;
text-align: right;
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:hover .anticon-cross {
width: 16px;