naive-ui/styles/themes/dark/components/InputNumber.scss
2019-10-22 16:35:44 +08:00

33 lines
1.1 KiB
SCSS

@mixin setup-dark-input-number {
$--input-number-border-color: (
'default': transparent,
'hover': $--n-primary-color,
'focus': $--n-primary-color
)!global;
$--input-number-background-color: (
"default": rgba(255, 255, 255, .1),
"disabled": rgba(255, 255, 255, .06),
"focus": change-color($--primary-6, $alpha: 0.1)
) !global;
$--input-number-text-color: (
'default': $--n-secondary-text-color,
'disabled': $--n-disabled-text-color
) !global;
$--input-number-button-text-color: (
'default': $--n-secondary-text-color,
'disabled': $--n-disabled-text-color,
'hover': $--n-primary-color
) !global;
$--input-number-button-background-color: (
'default': rgba(255, 255, 255, .06),
'disabled': rgba(255, 255, 255, .04)
) !global;
$--input-number-caret-color: $--n-primary-color !global;
$--input-number-disabled-opacity: 1 !global;
$--input-number-box-shadow: (
'default': inset 0 0 0 0 transparent,
'hover': inset 0 0 0px 1px $--primary-6,
'focus': (inset 0 0 0px 1px $--primary-6, 0 0 8px 0px change-color($--primary-6, $alpha: .3)),
"disabled": inset 0 0 0 1px transparent
) !global;
}