naive-ui/styles/themes/light/components/Message.scss
2020-02-19 19:58:39 +08:00

24 lines
752 B
SCSS

@mixin setup-light-message {
$--message-text-color: (
"info": white,
"success": white,
"error": white,
"warning": white,
"loading": $--n-secondary-text-color
) !global;
$--message-icon-color: rgba(255, 255, 255, .45) !global;
$--message-background-color: (
"info": $--info-default,
"success": $--success-default,
"error": $--error-default,
"warning": $--warning-default,
"loading": $--n-popover-color
) !global;
$--message-box-shadow: (
"info": 0px 2px 20px 0px rgba(0, 0, 0, .3),
"success": 0px 2px 20px 0px rgba(0, 0, 0, .3),
"error": 0px 2px 20px 0px rgba(0, 0, 0, .3),
"warning": 0px 2px 20px 0px rgba(0, 0, 0, .3),
"loading": 0px 2px 20px 0px rgba(0, 0, 0, .3)
) !global;
}