naive-ui/styles/themes/dark/components/Steps.scss
2020-02-19 21:08:31 +08:00

38 lines
1.1 KiB
SCSS

@mixin setup-dark-step {
$--steps-step-border-color: (
'process': $--n-primary-color,
'wait': rgba(255, 255, 255, .3),
'finish': $--n-primary-color,
'error': $--n-error-color
) !global;
$--steps-step-background-color: (
'process': $--n-primary-color,
'wait': transparent,
'finish': transparent,
'error': transparent
) !global;
$--steps-step-indicator-color: (
'process': black,
'wait': rgba(255, 255, 255, .3),
'finish': $--n-primary-color,
'error': $--n-error-color
) !global;
$--steps-step-splitor-color: (
'process': rgba(255, 255, 255, .3),
'wait': rgba(255, 255, 255, .3),
'finish': $--n-primary-color,
'error': $--n-error-color
) !global;
$--steps-step-content-color: (
'process': $--n-secondary-text-color,
'wait': rgba(255, 255, 255, .3),
'finish': $--n-primary-color,
'error': $--n-error-color
) !global;
$--steps-step-title-color: (
'process': $--n-primary-text-color,
'wait': rgba(255, 255, 255, .3),
'finish': $--n-primary-color,
'error': $--n-error-color
) !global;
}