naive-ui/styles/themes/light/components/Tabs.scss
2019-12-13 17:32:38 +08:00

24 lines
846 B
SCSS

@mixin setup-light-tabs {
$--tabs-tab-text-color: (
'default': $--n-secondary-text-color,
'active': $--n-primary-color,
'hover': $--n-primary-color,
'disabled': $--n-disabled-text-color,
) !global;
$--tabs-tab-bar-background-color: $--n-primary-color !global;
$--tabs-tab-scroll-button-color: (
'default': rgba(0, 0, 0, .3),
'disabled': rgba(0, 0, 0, .12)
) !global;
$--tabs-tab-close-button-color: (
'default': $--n-close-color
) !global;
$--tabs-card-tab-background-color: $--overlay-8 !global;
$--tabs-card-tab-border-color: $--n-divider-color !global;
$--tabs-card-tab-text-color: (
'default': $--n-secondary-text-color,
'active': $--n-text-color
) !global;
$--tabs-nav-border-color: $--n-alpha-divider-color !global;
$--tabs-panel-text-color: $--n-secondary-text-color !global;
}