mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2025-02-05 13:00:47 +08:00
40 lines
1.3 KiB
SCSS
40 lines
1.3 KiB
SCSS
@mixin setup-light-input {
|
|
$--input-color: (
|
|
'default': $--n-secondary-text-color,
|
|
'disabled': rgba(0, 0, 0, .3)
|
|
) !global;
|
|
$--input-caret-color: (
|
|
'default': $--primary-6,
|
|
'error': $--error-6
|
|
) !global;
|
|
$--input-placeholder-color: (
|
|
'default': $--n-disabled-text-color,
|
|
'disabled': $--n-disabled-text-color,
|
|
) !global;
|
|
$--input-background-color: (
|
|
'default': rgb(255, 255, 255),
|
|
'disabled': $--overlay-8,
|
|
'focus': rgb(255, 255, 255),
|
|
'error-focus': rgb(255, 255, 255)
|
|
) !global;
|
|
$--input-icon-color: $--n-disabled-text-color !global;
|
|
$--input-border-mask-border-color: (
|
|
'default': transparent,
|
|
'hover': $--primary-5,
|
|
'focus': $--primary-5,
|
|
'disabled': transparent,
|
|
'error-default': transparent,
|
|
'error-hover': $--error-5,
|
|
'error-focus': $--error-5
|
|
) !global;
|
|
$--input-border-mask-box-shadow: (
|
|
'focus': (0 0 0 2px change-color($--primary-5, $alpha: .3)),
|
|
'error-focus': (0 0 0 2px change-color($--error-5, $alpha: .3)),
|
|
) !global;
|
|
$--input-box-shadow: (
|
|
'default': inset 0 0 0 1px $--n-border-color,
|
|
'disabled': inset 0 0 0 1px $--n-border-color,
|
|
'error-default': inset 0 0 0 1px $--error-5,
|
|
) !global;
|
|
$--input-group-label-background-color: $--n-action-panel-color !global;
|
|
} |