mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-08-06 16:06:28 +08:00
Code Issues Actions 17 Packages Projects Releases Wiki Activity

🔧 Add less variables for Tabs[type="card"]

Browse Source
This commit is contained in:
afc163 2019-07-17 18:58:30 +08:00
parent b09d59e9fe
commit c15c0fc199
3 changed files with 19 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/style/themes/default.less
View File

@ -490,6 +490,8 @@
@tabs-highlight-color: @primary-color;
@tabs-hover-color: @primary-5;
@tabs-active-color: @primary-7;
@tabs-card-gutter: 2px;
@tabs-card-tab-active-border-top: 2px solid transparent;
// BackTop
// ---

6
components/tabs/style/card-style.less
View File

@ -14,7 +14,7 @@
&&-card &-card-bar &-tab {
height: @tabs-card-height;
margin: 0;
margin-right: 2px;
margin-right: @tabs-card-gutter;
padding: 0 16px;
line-height: @tabs-card-height - 2px;
background: @tabs-card-head-background;
@ -28,6 +28,10 @@
background: @component-background;
border-color: @border-color-split;
border-bottom: @border-width-base solid @component-background;
&::before {
border-top: @tabs-card-tab-active-border-top;
}
}
&&-card &-card-bar &-tab-disabled {
color: @tabs-card-active-color;

12
components/tabs/style/index.less
View File

@ -181,6 +181,18 @@
cursor: pointer;
transition: color 0.3s @ease-in-out;
&::before {
position: absolute;
top: -1px;
left: 0;
width: 100%;
border-top: 2px solid transparent;
border-radius: @border-radius-base @border-radius-base 0 0;
transition: all 0.3s;
content: '';
pointer-events: none;
}
&:last-child {
margin-right: 0;
}