Add callout

docs/bulma-docs.sass

@@ -9,6 +9,7 @@
 @import "./sass/footer"
 @import "./sass/specific"
 @import "./sass/example"
+@import "./sass/callout"
 @import "./sass/bsa"
 @import "./sass/route"
 

docs/documentation/elements/button.html

@@ -96,7 +96,7 @@ doc-subtab: button
 {% endcapture %}
 <div class="columns">
   <div class="column">
-    <div class="notification is-primary">
+    <div class="callout is-primary">
 {{button_inverted_example}}
     </div>
   </div>
@@ -117,7 +117,7 @@ doc-subtab: button
 {% endcapture %}
 <div class="columns">
   <div class="column">
-    <div class="notification is-primary">
+    <div class="callout is-primary">
 {{button_inverted_outlined_example}}
     </div>
   </div>

docs/sass/callout.sass

@@ -0,0 +1,13 @@
+.callout
+  +block
+  background-color: $background
+  border-radius: $radius
+  padding: 1.25rem 2.5rem 1.25rem 1.5rem
+  position: relative
+  // Colors
+  @each $name, $pair in $colors
+    $color: nth($pair, 1)
+    $color-invert: nth($pair, 2)
+    &.is-#{$name}
+      background-color: $color
+      color: $color-invert