2019-10-23 22:37:46 +08:00
|
|
|
@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: (
|
2020-02-20 15:26:12 +08:00
|
|
|
'default': $--n-icon-color,
|
|
|
|
|
'disabled': change-color($--n-icon-color, $alpha: alpha($--n-icon-color) * $--n-disabled-opacity)
|
2019-10-23 22:37:46 +08:00
|
|
|
) !global;
|
|
|
|
|
$--tabs-tab-close-button-color: (
|
2019-12-12 17:14:59 +08:00
|
|
|
'default': $--n-close-color
|
2019-10-23 22:37:46 +08:00
|
|
|
) !global;
|
2020-02-20 13:22:48 +08:00
|
|
|
$--tabs-card-tab-background-color: $--n-tab-background-color !global;
|
2019-10-23 22:37:46 +08:00
|
|
|
$--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;
|
2019-10-23 22:37:46 +08:00
|
|
|
}
|
