Fix #1177

CHANGELOG.md

@@ -4,6 +4,7 @@
 
 ### Issues closed
 
+* #1177 Fix `.message .tag` combination
 * #1167 Fix `pre code`
 * #1207 Fix `.breadcrumb` alignment
 

docs/css/bulma-docs.css

@@ -5504,6 +5504,15 @@ a.dropdown-item.is-active {
   margin-bottom: 1.5rem;
 }
 
+.message strong {
+  color: currentColor;
+}
+
+.message a:not(.button):not(.tag) {
+  color: currentColor;
+  text-decoration: underline;
+}
+
 .message.is-small {
   font-size: 0.75rem;
 }
@@ -5660,15 +5669,6 @@ a.dropdown-item.is-active {
   position: relative;
 }
 
-.message-header a:not(.button),
-.message-header strong {
-  color: currentColor;
-}
-
-.message-header a:not(.button) {
-  text-decoration: underline;
-}
-
 .message-header .delete {
   -webkit-box-flex: 0;
       -ms-flex-positive: 0;
@@ -5691,15 +5691,6 @@ a.dropdown-item.is-active {
   padding: 1em 1.25em;
 }
 
-.message-body a:not(.button),
-.message-body strong {
-  color: currentColor;
-}
-
-.message-body a:not(.button) {
-  text-decoration: underline;
-}
-
 .message-body code,
 .message-body pre {
   background-color: white;

docs/documentation/components/message.html

@@ -56,7 +56,15 @@ variables:
     <p>Primary</p>
     <button class="delete" aria-label="delete"></button>
   </div>
-  <div class="message-body">
+  <div class="message-body"><span class="tag is-black">Black</span>
+<a class="tag is-dark">Dark</a>
+<a class="tag is-light">Light</a>
+<a class="tag is-white">White</a>
+<a class="tag is-primary">Primary</a>
+<a class="tag is-info">Info</a>
+<a class="tag is-success">Success</a>
+<a class="tag is-warning">Warning</a>
+<a class="tag is-danger">Danger</a>
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. <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. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
   </div>
 </article>

sass/components/message.sass

@@ -19,6 +19,11 @@ $message-body-pre-code-background-color: transparent !default
   background-color: $message-background-color
   border-radius: $message-radius
   font-size: $size-normal
+  strong
+    color: currentColor
+  a:not(.button):not(.tag)
+    color: currentColor
+    text-decoration: underline
   // Sizes
   &.is-small
     font-size: $size-small
@@ -53,11 +58,6 @@ $message-body-pre-code-background-color: transparent !default
   line-height: 1.25
   padding: $message-header-padding
   position: relative
-  a:not(.button),
-  strong
-    color: currentColor
-  a:not(.button)
-    text-decoration: underline
   .delete
     flex-grow: 0
     flex-shrink: 0
@@ -72,11 +72,6 @@ $message-body-pre-code-background-color: transparent !default
   border-radius: $message-body-radius
   color: $message-body-color
   padding: $message-body-padding
-  a:not(.button),
-  strong
-    color: currentColor
-  a:not(.button)
-    text-decoration: underline
   code,
   pre
     background-color: $message-body-pre-background-color