2019-09-27 16:02:20 +08:00
|
|
|
@mixin setup-light-base-picker {
|
|
|
|
$--base-picker-color: $--n-secondary-text-color !global;
|
|
|
|
$--base-picker-background-color: (
|
|
|
|
"default": rgb(255, 255, 255),
|
2019-10-22 16:35:44 +08:00
|
|
|
"disabled": $--alpha-neutral-8,
|
2019-09-27 16:02:20 +08:00
|
|
|
"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,
|
2019-10-12 14:23:40 +08:00
|
|
|
"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)),
|
2019-09-27 16:02:20 +08:00
|
|
|
"disabled": inset 0 0 0 1px $--n-border-color
|
|
|
|
) !global;
|
|
|
|
$--base-picker-caret-color: unset !global;
|
|
|
|
}
|