1 files changed, 18 insertions, 5 deletions
diff --git a/assets/vendor/bulma/sass/elements/notification.sass b/assets/vendor/bulma/sass/elements/notification.sass
index 8daccaa..af1c7be 100644
--- a/assets/vendor/bulma/sass/elements/notification.sass
+++ b/assets/vendor/bulma/sass/elements/notification.sass
@@ -1,26 +1,32 @@
 $notification-background-color: $background !default
+$notification-code-background-color: $scheme-main !default
 $notification-radius: $radius !default
 $notification-padding: 1.25rem 2.5rem 1.25rem 1.5rem !default
+$notification-padding-ltr: 1.25rem 2.5rem 1.25rem 1.5rem !default
+$notification-padding-rtl: 1.25rem 1.5rem 1.25rem 2.5rem !default
 
 .notification
-  +block
+  @extend %block
   background-color: $notification-background-color
   border-radius: $notification-radius
-  padding: $notification-padding
   position: relative
-  a:not(.button)
+  +ltr
+    padding: $notification-padding-ltr
+  +rtl
+    padding: $notification-padding-rtl
+  a:not(.button):not(.dropdown-item)
     color: currentColor
     text-decoration: underline
   strong
     color: currentColor
   code,
   pre
-    background: $white
+    background: $notification-code-background-color
   pre code
     background: transparent
   & > .delete
+    +ltr-position(0.5rem)
     position: absolute
-    right: 0.5rem
     top: 0.5rem
   .title,
   .subtitle,
@@ -33,3 +39,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