Fix #821

CHANGELOG.md

@@ -1,5 +1,11 @@
 # Bulma Changelog
 
+## 0.4.4
+
+### Issues closed
+
+* Fix #821 Notification strong color
+
 ## 0.4.3
 
 ### New features

docs/documentation/elements/notification.html

@@ -19,27 +19,27 @@ doc-subtab: notification
       <div class="column">
         <div class="notification">
           <button class="delete"></button>
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor sit amet, consectetur adipiscing elit
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet, consectetur adipiscing elit
         </div>
         <div class="notification is-primary">
           <button class="delete"></button>
-          Info lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor sit amet, consectetur adipiscing elit
+          Info lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet, consectetur adipiscing elit
         </div>
         <div class="notification is-info">
           <button class="delete"></button>
-          Info lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor sit amet, consectetur adipiscing elit
+          Info lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet, consectetur adipiscing elit
         </div>
         <div class="notification is-success">
           <button class="delete"></button>
-          Success lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor sit amet, consectetur adipiscing elit
+          Success lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet, consectetur adipiscing elit
         </div>
         <div class="notification is-warning">
           <button class="delete"></button>
-          Warning lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor sit amet, consectetur adipiscing elit
+          Warning lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet, consectetur adipiscing elit
         </div>
         <div class="notification is-danger">
           <button class="delete"></button>
-          Danger lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor sit amet, consectetur adipiscing elit
+          Danger lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet, consectetur adipiscing elit
         </div>
       </div>
       <div class="column">
@@ -47,42 +47,42 @@ doc-subtab: notification
 <div class="notification">
   <button class="delete"></button>
   Lorem ipsum dolor sit amet, consectetur
-  adipiscing elit lorem ipsum dolor sit amet,
+  adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet,
   consectetur adipiscing elit
 </div>
 
 <div class="notification is-primary">
   <button class="delete"></button>
   Primar lorem ipsum dolor sit amet, consectetur
-  adipiscing elit lorem ipsum dolor sit amet,
+  adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet,
   consectetur adipiscing elit
 </div>
 
 <div class="notification is-info">
   <button class="delete"></button>
   Info lorem ipsum dolor sit amet, consectetur
-  adipiscing elit lorem ipsum dolor sit amet,
+  adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet,
   consectetur adipiscing elit
 </div>
 
 <div class="notification is-success">
   <button class="delete"></button>
   Success lorem ipsum dolor sit amet, consectetur
-  adipiscing elit lorem ipsum dolor sit amet,
+  adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet,
   consectetur adipiscing elit
 </div>
 
 <div class="notification is-warning">
   <button class="delete"></button>
   Warning lorem ipsum dolor sit amet, consectetur
-  adipiscing elit lorem ipsum dolor sit amet,
+  adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet,
   consectetur adipiscing elit
 </div>
 
 <div class="notification is-danger">
   <button class="delete"></button>
   Danger lorem ipsum dolor sit amet, consectetur
-  adipiscing elit lorem ipsum dolor sit amet,
+  adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet,
   consectetur adipiscing elit
 </div>
 {% endhighlight %}

sass/components/message.sass

@@ -32,7 +32,7 @@
   position: relative
   a,
   strong
-    color: inherit
+    color: currentColor
   a
     text-decoration: underline
   .delete
@@ -51,7 +51,7 @@
   padding: 1em 1.25em
   a,
   strong
-    color: inherit
+    color: currentColor
   a
     text-decoration: underline
   code,

sass/elements/notification.sass

@@ -7,6 +7,8 @@
   a:not(.button)
     color: currentColor
     text-decoration: underline
+  strong
+    color: currentColor
   code,
   pre
     background: $white
@@ -19,7 +21,7 @@
   .title,
   .subtitle,
   .content
-    color: inherit
+    color: currentColor
   // Colors
   @each $name, $pair in $colors
     $color: nth($pair, 1)