naive-ui/styles/themes/light/components/Tabs.scss

24 lines
864 B
SCSS
Raw Normal View History

@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),
2019-12-13 17:32:38 +08:00
'disabled': rgba(0, 0, 0, .12)
) !global;
$--tabs-tab-close-button-color: (
2019-12-12 17:14:59 +08:00
'default': $--n-close-color
) !global;
2020-02-19 21:08:31 +08:00
$--tabs-card-tab-background-color: $--n-action-background-color !global;
$--tabs-card-tab-border-color: $--n-divider-color !global;
2019-12-13 17:32:38 +08:00
$--tabs-card-tab-text-color: (
'default': $--n-secondary-text-color,
2020-02-19 13:36:29 +08:00
'active': $--n-primary-text-color
2019-12-13 17:32:38 +08:00
) !global;
2020-02-19 15:38:44 +08:00
$--tabs-nav-border-color: $--n-divider-color !global;
2019-12-13 17:32:38 +08:00
$--tabs-panel-text-color: $--n-secondary-text-color !global;
}