mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2025-02-05 13:00:47 +08:00
45 lines
1.9 KiB
SCSS
45 lines
1.9 KiB
SCSS
@mixin setup-dark-input-number {
|
|
$--input-number-border-color: (
|
|
'default': transparent,
|
|
'hover': $--n-primary-color,
|
|
'focus': $--n-primary-color,
|
|
'error': $--n-error-color
|
|
)!global;
|
|
$--input-number-text-decoration-color: $--n-secondary-text-color !global;
|
|
$--input-number-placeholder-color: (
|
|
'default': $--n-placeholder-text-color,
|
|
'disabled': change-color($--n-placeholder-text-color, $alpha: alpha($--n-placeholder-text-color) * 0.6),
|
|
) !global;
|
|
$--input-number-background-color: (
|
|
'default': $--n-input-background-color,
|
|
'disabled': change-color($--n-input-background-color, $alpha: alpha($--n-input-background-color) * 0.6),
|
|
'focus': change-color($--n-primary-color, $alpha: 0.1),
|
|
'error-focus': change-color($--n-error-color, $alpha: 0.1),
|
|
) !global;
|
|
$--input-number-text-color: (
|
|
'default': $--n-secondary-text-color,
|
|
'disabled': $--n-disabled-text-color
|
|
) !global;
|
|
$--input-number-button-text-color: (
|
|
'default': $--n-secondary-text-color,
|
|
'disabled': $--n-disabled-text-color,
|
|
'hover': $--n-primary-color
|
|
) !global;
|
|
$--input-number-button-background-color: (
|
|
'default': $--n-action-background-color,
|
|
'hover': $--n-action-background-color,
|
|
'active': $--n-action-background-color,
|
|
'disabled': $--n-action-background-color,
|
|
) !global;
|
|
$--input-number-caret-color: $--n-primary-color !global;
|
|
$--input-number-disabled-opacity: 1 !global;
|
|
$--input-number-box-shadow: (
|
|
'default': inset 0 0 0 0 transparent,
|
|
'hover': inset 0 0 0px 1px $--n-primary-color,
|
|
'focus': (inset 0 0 0px 1px $--n-primary-color, 0 0 8px 0px change-color($--n-primary-color, $alpha: .3)),
|
|
'error-default': inset 0 0 0 1px $--n-error-color,
|
|
'error-hover': inset 0 0 0px 1px $--n-error-color,
|
|
'error-focus': (inset 0 0 0px 1px $--n-error-color, 0 0 8px 0px change-color($--n-primary-color, $alpha: .3)),
|
|
"disabled": inset 0 0 0 1px transparent
|
|
) !global;
|
|
} |