Move .bg-* utility classes into separate file

[skip sauce]
[skip validator]

diff --git a/scss/_utilities-background.scss b/scss/_utilities-background.scss
new file mode 100644 (file)
index 0000000..4bbf731
--- /dev/null
+++ b/scss/_utilities-background.scss
@@ -0,0 +1,24 @@
+//
+// Contextual backgrounds
+//
+
+// Inverse
+// TODO: redo this as a proper class
+.bg-inverse {
+  color: $gray-lighter;
+  background-color: $gray-dark;
+}
+
+.bg-faded {
+  background-color: $gray-lightest;
+}
+
+@include bg-variant('.bg-primary', $brand-primary);
+
+@include bg-variant('.bg-success', $brand-success);
+
+@include bg-variant('.bg-info', $brand-info);
+
+@include bg-variant('.bg-warning', $brand-warning);
+
+@include bg-variant('.bg-danger', $brand-danger);

diff --git a/scss/_utilities.scss b/scss/_utilities.scss
index fa3b6e1d20195b5f56d60b63562190cb70974e0b..ea04f9a3475aeb010668bb9d6b1bc40e7ee4bcbb 100644 (file)
--- a/scss/_utilities.scss
+++ b/scss/_utilities.scss
@@ -89,29 +89,3 @@
 @include text-emphasis-variant('.text-warning', $brand-warning);
 
 @include text-emphasis-variant('.text-danger', $brand-danger);
-
-
-// Contextual backgrounds
-// For now we'll leave these alongside the text classes until v4 when we can
-// safely shift things around (per SemVer rules).
-
-// Inverse
-// Todo: redo this as a proper class
-.bg-inverse {
-  color: $gray-lighter;
-  background-color: $gray-dark;
-}
-
-.bg-faded {
-  background-color: $gray-lightest;
-}
-
-@include bg-variant('.bg-primary', $brand-primary);
-
-@include bg-variant('.bg-success', $brand-success);
-
-@include bg-variant('.bg-info', $brand-info);
-
-@include bg-variant('.bg-warning', $brand-warning);
-
-@include bg-variant('.bg-danger', $brand-danger);

diff --git a/scss/bootstrap.scss b/scss/bootstrap.scss
index 518a1a5afe65c9b19240743e7d65a822f08209f8..e9300f54dc52f60ce14cb2b61493fe1f3509b9d7 100644 (file)
--- a/scss/bootstrap.scss
+++ b/scss/bootstrap.scss
@@ -51,5 +51,6 @@
 
 // Utility classes
 @import "utilities";
+@import "utilities-background";
 @import "utilities-spacing";
 @import "utilities-responsive";