mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2025-01-12 12:25:16 +08:00
30 lines
1.0 KiB
SCSS
30 lines
1.0 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-box-shadow: (
|
|
"default": inset 0 0 0 1px $--n-border-color,
|
|
"hover": inset 0 0 0 1px $--primary-5,
|
|
"focus": (inset 0 0 0 1px $--primary-5, 0 0 0 2px change-color($--primary-5, $alpha: .3)),
|
|
"disabled": inset 0 0 0 1px $--n-border-color,
|
|
"error-default": inset 0 0 0 1px $--error-6,
|
|
"error-hover": inset 0 0 0 1px $--error-6,
|
|
"error-focus": (inset 0 0 0 1px $--error-6, 0 0 0 2px change-color($--error-6, $alpha: .3)),
|
|
) !global;
|
|
} |