naive-ui/styles/themes/light/components/Radio.scss
2020-02-22 18:08:53 +08:00

41 lines
1.5 KiB
SCSS

@mixin setup-light-radio {
$--radio-box-shadow: (
'default': inset 0 0 0 1px $--n-border-color,
'active': inset 0 0 0 1px $--n-primary-color,
'focus': (inset 0 0 0 1px $--n-primary-color, 0 0 0 2px change-color($--n-primary-color, $alpha: .3)),
'hover': inset 0 0 0 1px $--n-primary-color,
'disabled': inset 0 0 0 1px $--n-border-color
) !global;
$--radio-background-color: (
'default': $--n-base-background-color,
'disabled': $--n-disabled-background-color
) !global;
$--radio-label-text-color: (
'default': $--n-secondary-text-color,
'disabled': $--n-disabled-text-color
) !global;
$--radio-control-background-color: (
'active': $--n-primary-color,
'disabled': $--n-border-color
) !global;
$--radio-button-border-color: (
'default': $--n-border-color,
'active': $--n-primary-color,
'hover': $--n-border-color
) !global;
$--radio-button-background-color: (
'default': $--n-base-background-color,
'active': $--n-base-background-color,
) !global;
$--radio-button-label-color: (
'default': $--n-secondary-text-color,
'active': $--n-primary-color,
'hover': $--n-primary-color
) !global;
$--radio-disabled-opacity: $--n-disabled-opacity !global;
$--radio-border-mask-width: 0px !global;
$--radio-button-box-shadow: (
'focus': (inset 0 0 0 1px $--n-primary-color, 0 0 0 2px change-color($--n-primary-color, $alpha: .3)),
'hover': inset 0 0 0 $--radio-border-mask-width transparent
) !global;
}