naive-ui/styles/themes/light/components/Input.scss
2019-10-12 14:23:40 +08:00

23 lines
784 B
SCSS

@mixin setup-light-input {
$--input-color: (
'default': $--n-secondary-text-color,
'disabled': rgba(0, 0, 0, .3)
) !global;
$--input-caret-color: initial !global;
$--input-placeholder-color: (
"default": $--n-disabled-text-color,
"disabled": $--n-disabled-text-color,
) !global;
$--input-background-color: (
"default": rgb(255, 255, 255),
"disabled": $alpha-neutral-8,
"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
) !global;
}