acud/lib/style/themes/default/components/tabs.less

acg react 组件库

@import '../config.less';
// @import 'site/theme/static/default.less';

@tabs-font-size-base: @T3;
@tabs-line-height-base: 1.5715; // vertical margins

@tabs-shadow-color: rgba(0, 0, 0, 0.15);
@tabs-border-radius-base: @R3;

@tabs-head-tp: tp3;
@tabs-head-remove-tp: tp14;
@tabs-card-head-background: @G11;
@tabs-card-height: 8 * @P;
@tabs-active-color: @B6;
@tabs-card-horizontal-padding: ((@tabs-card-height - ceil(@tabs-font-size-base * @tabs-line-height-base)) / 2) - 2 * @border-width-base 4 * @P;
@tabs-card-horizontal-padding-sm: 6px @padding-md;
@tabs-card-horizontal-padding-lg: 7px @padding-md 6px;
@tabs-card-background: @G11;
@tabs-title-font-size: @tabs-font-size-base;
@tabs-title-font-size-lg: @font-size-lg;
@tabs-title-font-size-sm: @tabs-font-size-base;
@tabs-ink-bar-color: @B6;
@tabs-bar-margin: 0 0 @margin-md 0;
@tabs-horizontal-gutter: 32px;
@tabs-horizontal-margin: 0 0 0 @tabs-horizontal-gutter;
@tabs-horizontal-margin-rtl: 0 0 0 32px;
@tabs-horizontal-padding: @padding-sm 0;
@tabs-horizontal-padding-lg: @padding-md 0;
@tabs-horizontal-padding-sm: @padding-xs 0;
@tabs-vertical-padding: @padding-xs @padding-lg;
@tabs-vertical-margin: @margin-md 0 0 0;
@tabs-scrolling-size: 32px;
@tabs-hover-color: @B5;
@tabs-card-gutter: 2 * @P;
@tabs-card-tab-active-border-top: 2px solid transparent;
@tabs-box-shadow-base: @shadow-2;
@tabs-border-color-split: @G8;