mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2025-01-24 12:45:18 +08:00
39 lines
1.5 KiB
SCSS
39 lines
1.5 KiB
SCSS
@mixin setup-light-base-selection {
|
|
$--base-selection-text-color: (
|
|
'default': $--n-secondary-text-color,
|
|
'disabled': $--n-disabled-text-color
|
|
) !global;
|
|
$--base-selection-background-color: (
|
|
'default': $--n-base-background-color,
|
|
'disabled': $--n-disabled-background-color,
|
|
'active': $--n-base-background-color,
|
|
'error-active': $--n-base-background-color
|
|
) !global;
|
|
$--base-selection-placeholder-color: (
|
|
'default': $--n-placeholder-text-color,
|
|
'disabled': change-color($--n-placeholder-text-color, $alpha: alpha($--n-placeholder-text-color) * $--n-disabled-opacity)
|
|
) !global;
|
|
$--base-selection-border-mask-border-color: (
|
|
'default': transparent,
|
|
'hover': $--n-primary-hover-color,
|
|
'active': $--n-primary-hover-color,
|
|
'focus': $--n-primary-hover-color,
|
|
'disabled': transparent,
|
|
'error-hover': $--n-error-hover-color,
|
|
'error-active': $--n-error-hover-color,
|
|
'error-focus': $--n-error-hover-color
|
|
) !global;
|
|
$--base-selection-border-mask-box-shadow: (
|
|
'focus': 0 0 0 2px change-color($--n-primary-hover-color, $alpha: .3),
|
|
'error-focus': 0 0 0 2px change-color($--n-error-hover-color, $alpha: .3)
|
|
) !global;
|
|
$--base-selection-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 $--n-error-hover-color,
|
|
) !global;
|
|
$--base-selection-caret-color: (
|
|
'default': $--n-primary-color,
|
|
'error': $--n-error-color
|
|
) !global;
|
|
} |