naive-ui/styles/themes/light/components/Alert.scss
2020-02-19 13:36:29 +08:00

38 lines
1.3 KiB
SCSS

@mixin setup-light-alert {
$--alert-border-color: (
'default': $--n-border-color,
'success': mix($--success-6, rgb(255, 255, 255), 35%),
'info': mix($--info-6, rgb(255, 255, 255), 35%),
'warning': mix($--warning-6, rgb(255, 255, 255), 35%),
'error': mix($--error-6, rgb(255, 255, 255), 35%),
) !global;
$--alert-background-color: (
'default': $--overlay-8,
'success': mix($--success-6, rgb(255, 255, 255), 20%),
'info': mix($--info-6, rgb(255, 255, 255), 20%),
'warning': mix($--warning-6, rgb(255, 255, 255), 20%),
'error': mix($--error-6, rgb(255, 255, 255), 20%)
) !global;
$--alert-title-text-color: (
'default': $--n-primary-text-color,
'success': $--n-primary-text-color,
'info': $--n-primary-text-color,
'warning': $--n-primary-text-color,
'error': $--n-primary-text-color
) !global;
$--alert-icon-color: (
'default': $--n-secondary-text-color,
'success': $--success-6,
'info': $--info-6,
'warning': $--warning-6,
'error': $--error-6
) !global;
$--alert-content-text-color: (
'default': $--n-secondary-text-color,
'success': $--n-secondary-text-color,
'info': $--n-secondary-text-color,
'warning': $--n-secondary-text-color,
'error': $--n-secondary-text-color,
) !global;
$--alert-color-fill: $--n-close-color !global;
}