polestar-ui-kit
Version:
## Install
77 lines (72 loc) • 1.88 kB
text/less
@import '~antd/lib/tabs/style/index';
@import '../../themes/default/index';
@import '../../mixins/index';
.@{tab-prefix-cls} {
&-ink-bar {
bottom: 0;
}
&-nav-container {
margin-bottom: 0;
}
&-nav-wrap {
margin-bottom: 0 ;
}
&:not(&-vertical) {
> .@{tab-prefix-cls}-content {
width: 100%;
height: 100%;
// v3.16.2 이후 tab content 쌓이는 버그 수정
// > .@{tab-prefix-cls}-tabpane {
// flex-shrink: 0;
// width: 100%;
// height: 100%;
// transition: opacity .45s;
// opacity: 1;
// }
}
}
&-tab-prev {
svg {
display: none;
}
&-icon-target:after {
font-family: "polestar";
content: '\E073';
font-size: @font-size-lg1;
}
}
&-tab-next {
svg {
display: none;
}
&-icon-target:after {
font-family: "polestar";
content: '\E074';
font-size: @font-size-lg1;
}
}
}
.@{ps-tabs-prefix-cls} {
&-2depth-content {
width: 100%;
padding: 15px;
min-height: 520px;
overflow-y: auto;
border: @border-width-base @border-style-base @border-color-split;
border-radius: @border-radius-base;
.@{tab-prefix-cls} {
&-nav {
.@{tab-prefix-cls}-tab {
margin: 0 5px 0 0;
padding: 3px 16px;
// color: @primary-4;
}
}
&&-card > &-tab {
color: green;
}
}
}
}
@import './card-style';
@import "./button.less";