naive-ui/styles/themes/light/components/BasePicker.scss
2019-11-17 00:57:30 +08:00

28 lines
1.1 KiB
SCSS

@mixin setup-light-base-picker {
$--base-picker-color: $--n-secondary-text-color !global;
$--base-picker-background-color: (
"default": rgb(255, 255, 255),
"disabled": $--overlay-8,
"active": rgb(255, 255, 255),
"error-active": rgb(255, 255, 255)
) !global;
$--base-picker-placeholder-color: (
"default": $--n-disabled-text-color,
"disabled": $--n-disabled-text-color,
) !global;
$--base-picker-box-shadow: (
"default": inset 0 0 0 1px $--n-border-color,
"hover": inset 0 0 0 1px $--primary-5,
"active": 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-5,
"error-hover": inset 0 0 0 1px $--error-5,
"error-active": inset 0 0 0 1px $--error-5,
"error-focus": (inset 0 0 0 1px $--error-5, 0 0 0 2px change-color($--error-5, $alpha: .3))
) !global;
$--base-picker-caret-color: (
'default': $--n-primary-color,
'error': $--error-6
) !global;
}