naive-ui/styles/themes/light/components/Steps.scss
2020-02-21 14:59:17 +08:00

38 lines
1.1 KiB
SCSS

@mixin setup-light-steps {
$--steps-step-border-color: (
'process': $--n-primary-color,
'wait': $--n-disabled-text-color,
'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-text-color: (
'process': black,
'wait': $--n-disabled-text-color,
'finish': $--n-primary-color,
'error': $--n-error-color
) !global;
$--steps-step-splitor-background-color: (
'process': $--n-disabled-text-color,
'wait': $--n-disabled-text-color,
'finish': $--n-primary-color,
'error': $--n-error-color
) !global;
$--steps-step-content-text-color: (
'process': $--n-secondary-text-color,
'wait': $--n-disabled-text-color,
'finish': $--n-primary-color,
'error': $--n-error-color
) !global;
$--steps-step-title-text-color: (
'process': $--n-primary-text-color,
'wait': $--n-disabled-text-color,
'finish': $--n-primary-color,
'error': $--n-error-color
) !global;
}