fix(notification): make warning notification a11y changes (carbon-des…

…ign-system#2677) * fix(notification): make warning notification a11y changes * fix(notification): use mix utility * fix(notification): add box shadow to toast notification * fix(notification): run prettier
carbon-bot · May 13, 2019 · 3899298 · 3899298
1 parent 9079f4d
commit 3899298
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/packages/components/src/components/notification/_inline-notification.scss b/packages/components/src/components/notification/_inline-notification.scss
@@ -33,6 +33,7 @@
     color: $text-01;
     margin-top: $carbon--spacing-05;
     margin-bottom: $carbon--spacing-05;
+    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
 
     @include carbon--breakpoint(md) {
       max-width: rem(608px);

diff --git a/packages/components/src/components/notification/_toast-notification.scss b/packages/components/src/components/notification/_toast-notification.scss
@@ -32,6 +32,7 @@
     margin-top: $carbon--spacing-03;
     margin-bottom: $carbon--spacing-03;
     margin-right: $carbon--spacing-05;
+    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
 
     &:first-child {
       margin-top: $carbon--spacing-05;

diff --git a/packages/components/src/globals/scss/_theme-tokens.scss b/packages/components/src/globals/scss/_theme-tokens.scss
@@ -251,7 +251,11 @@
   /// @type Color
   /// @access public
   /// @group notification
-  $notification-warning-background-color: rgba(#fdd13a, 0.15) !default !global;
+  $notification-warning-background-color: mix(
+    $ibm-color__yellow-20,
+    $ibm-color__white-0,
+    15%
+  ) !default !global;
 
   /// @type Color
   /// @access public