test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-11-30 11:08:45 +08:00
Code Issues Actions 68 Packages Projects Releases Wiki Activity

Vars to theme Tabs (#9172)

Browse Source
This commit is contained in:
George Gray 2018-02-04 08:42:13 +00:00 committed by Wei Zhu
parent 42354989e9
commit 22c3097d79
3 changed files with 19 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -384,7 +384,18 @@
// ---
@tabs-card-head-background: @background-color-light;
@tabs-card-height: 40px;
@tabs-card-active-color: @primary-color;
@tabs-title-font-size: @font-size-base;
@tabs-ink-bar-bg-color: @primary-color;
@tab-bar-margin: 0 0 16px 0;
@tab-horizontal-margin: 0 32px 0 0;
@tab-vertical-margin: 0 0 16px 0;
@tab-horizontal-padding: 12px 16px;
@tab-vertical-padding: 8px 24px;
@tab-scrolling-size: 32px;
@tab-highlight-color: @primary-color;
@tab-hover-color: @primary-5;
@tab-active-color: @primary-7;
// BackTop
// ---

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

@ -25,7 +25,7 @@
&&-card > &-bar &-tab-active {
background: @component-background;
border-color: @border-color-split;
color: @primary-color;
color: @tabs-card-active-color;
padding-bottom: 1px;
}
&&-card > &-bar &-tab-inactive {
@ -77,8 +77,8 @@
color: @text-color;
transition: all .3s;
&:hover {
color: @primary-color;
border-color: @primary-color;
color: @tabs-card-active-color;
border-color: @tabs-card-active-color;
}
}
}

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

@ -1,19 +1,9 @@
@import "../../style/themes/default";
@import "../../style/mixins/index";
@tab-prefix-cls: ~"@{ant-prefix}-tabs";
@import "./card-style";
@tab-bar-margin: 0 0 16px 0;
@tab-horizontal-margin: 0 32px 0 0;
@tab-vertical-margin: 0 0 16px 0;
@tab-horizontal-padding: 12px 16px;
@tab-vertical-padding: 8px 24px;
// The width (or height for vertical) of the scrolling arrow
@tab-scrolling-size: 32px;
@tab-prefix-cls: ~"@{ant-prefix}-tabs";
.@{tab-prefix-cls} {
.reset-component;
@ -28,7 +18,7 @@
bottom: 1px;
box-sizing: border-box;
height: 2px;
background-color: @primary-color;
background-color: @tabs-ink-bar-bg-color;
transform-origin: 0 0;
}
@ -198,11 +188,11 @@
text-decoration: none;
&:hover {
color: @primary-5;
color: @tab-hover-color;
}
&:active {
color: @primary-7;
color: @tab-active-color;
}
.@{iconfont-css-prefix} {
@ -211,7 +201,7 @@
}
.@{tab-prefix-cls}-tab-active {
color: @primary-color;
color: @tab-highlight-color;
font-weight: 500;
}
}