improvement | notification: add light colors (#2709)

* notification: add light and dark colors

* notification: add light and dark colors

(fix indentation)

diff --git a/sass/elements/notification.sass b/sass/elements/notification.sass
index 24122e78d32a00bc2e167d9abfbd4489684df23f..32a0ee132e6019008147ec9f8b44934fbe4c6a44 100644 (file)
--- a/sass/elements/notification.sass
+++ b/sass/elements/notification.sass
@@ -34,3 +34,10 @@ $notification-padding: 1.25rem 2.5rem 1.25rem 1.5rem !default
     &.is-#{$name}
       background-color: $color
       color: $color-invert
+      // If light and dark colors are provided
+      @if length($pair) >= 4
+        $color-light: nth($pair, 3)
+        $color-dark: nth($pair, 4)
+        &.is-light
+          background-color: $color-light
+          color: $color-dark