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

38 lines
1.5 KiB
SCSS

@mixin setup-light-alert {
$--alert-border-color: (
'default': $--n-border-color,
'success': mix($--n-success-color, $--n-base-background-color, 35%),
'info': mix($--n-info-color, $--n-base-background-color, 35%),
'warning': mix($--n-warning-color, $--n-base-background-color, 45%),
'error': mix($--n-error-color, $--n-base-background-color, 35%)
) !global;
$--alert-background-color: (
'default': $--n-action-background-color,
'success': mix($--n-success-color, $--n-base-background-color, 12%),
'info': mix($--n-info-color, $--n-base-background-color, 12%),
'warning': mix($--n-warning-color, $--n-base-background-color, 12%),
'error': mix($--n-error-color, $--n-base-background-color, 12%)
) !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': $--n-success-color,
'info': $--n-info-color,
'warning': $--n-warning-color,
'error': $--n-error-color
) !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-close-color: $--n-close-color !global;
}