Add has-bg helpers for block background colors (#1628)

* Add has-bg helpers for block background colors

* Updating CHANGELOG

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 6c2d779ee87c7f0c1d38ef48b48ee6a0700526ad..676fdbb8d939deb2623bc6222f6b2a57dfa89ed4 100644 (file)
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -14,6 +14,10 @@
 
 * #1428 Fix `media-content` overflow
 
+### Improvements
+
+* Add `.has-bg` helpers for block background colors, like `.has-text`.
+
 ## 0.6.2
 
 ### New features

diff --git a/sass/base/helpers.sass b/sass/base/helpers.sass
index 936905c78d44204cb3b1636f986807995eb32c10..81cc58fc7138e864e30029f99c87690706e9f7d3 100644 (file)
--- a/sass/base/helpers.sass
+++ b/sass/base/helpers.sass
@@ -100,6 +100,8 @@ $alignments: ('centered': 'center', 'justified': 'justify', 'left': 'left', 'rig
     &:hover,
     &:focus
       color: darken($color, 10%) !important
+  .has-bg-#{$name}
+    background-color: $color !important
 
 @each $name, $shade in $shades
   .has-text-#{$name}