refactor: change background to bg

Author: mrholek

scss/_alert.scss

@@ -47,9 +47,9 @@
 // Generate contextual modifier classes for colorizing the alert.
 
 @each $state, $map in $alert-variants {
-  $background: map-get($map, "background");
+  $background: map-get($map, "bg");
   $border-color: map-get($map, "border-color");
-  $color: contrast-ratio-correction(map-get($map, "color"), map-get($map, "background"), abs($alert-color-scale), $state);
+  $color: contrast-ratio-correction(map-get($map, "color"), map-get($map, "bg"), abs($alert-color-scale), $state);
   $link-color: map-get($map, "link-color");
 
   .alert-#{$state} {

scss/_buttons.scss

@@ -88,16 +88,16 @@
 @each $state, $map in $button-variants {
   .btn-#{$state} {
     @include button-variant(
-      $background: map-get($map, "background"),
+      $background: map-get($map, "bg"),
       $border-color: map-get($map, "border-color"),
       $color: map-get($map, "color"),
-      $hover-background: map-get($map, "hover-background"),
+      $hover-background: map-get($map, "hover-bg"),
       $hover-border-color: map-get($map, "hover-border-color"),
       $hover-color: map-get($map, "hover-color"),
-      $active-background: map-get($map, "active-background"),
+      $active-background: map-get($map, "active-bg"),
       $active-border-color: map-get($map, "active-border-color"),
       $active-color: map-get($map, "active-color"),
-      $disabled-background: map-get($map, "disabled-background"),
+      $disabled-background: map-get($map, "disabled-bg"),
       $disabled-border-color: map-get($map, "disabled-border-color"),
       $disabled-color: map-get($map, "disabled-color"),
       $shadow: map-get($map, "shadow")
@@ -111,10 +111,10 @@
   .btn-outline-#{$state} {
     @include button-outline-variant(
       $color: map-get($map, "color"),
-      $hover-background: map-get($map, "hover-background"),
+      $hover-background: map-get($map, "hover-bg"),
       $hover-border-color: map-get($map, "hover-border-color"),
       $hover-color: map-get($map, "hover-color"),
-      $active-background: map-get($map, "active-background"),
+      $active-background: map-get($map, "active-bg"),
       $active-border-color: map-get($map, "active-border-color"),
       $active-color: map-get($map, "active-color"),
       $disabled-color: map-get($map, "disabled-color"),
@@ -129,10 +129,10 @@
   .btn-ghost-#{$state} {
     @include button-ghost-variant(
       $color: map-get($map, "color"),
-      $hover-background: map-get($map, "hover-background"),
+      $hover-background: map-get($map, "hover-bg"),
       $hover-border-color: map-get($map, "hover-border-color"),
       $hover-color: map-get($map, "hover-color"),
-      $active-background: map-get($map, "active-background"),
+      $active-background: map-get($map, "active-bg"),
       $active-border-color: map-get($map, "active-border-color"),
       $active-color: map-get($map, "active-color"),
       $disabled-color: map-get($map, "disabled-color"),

scss/_functions.scss

@@ -183,7 +183,7 @@ $_luminance-list: .0008 .001 .0011 .0013 .0015 .0017 .002 .0022 .0025 .0027 .003
 // scss-docs-start alert-color-functions
 @function alert-color-map($color) {
   @return (
-    "background": shift-color($color, $alert-bg-scale),
+    "bg": shift-color($color, $alert-bg-scale),
     "border-color": shift-color($color, $alert-border-scale),
     "color": shift-color($color, $alert-color-scale),
     "link-color": shade-color(shift-color($color, $alert-color-scale), 20%)
@@ -198,16 +198,16 @@ $_luminance-list: .0008 .001 .0011 .0013 .0015 .0017 .002 .0022 .0025 .0027 .003
 
 @function btn-color-map($background, $border-color) {
   @return (
-    "background": $background,
+    "bg": $background,
     "border-color": $border-color,
     "color": color-contrast($background),
-    "hover-background": btn-color($background, $btn-hover-bg-shade-amount, $btn-hover-bg-tint-amount),
+    "hover-bg": btn-color($background, $btn-hover-bg-shade-amount, $btn-hover-bg-tint-amount),
     "hover-border-color": btn-color($border-color, $btn-hover-border-shade-amount, $btn-hover-border-tint-amount),
     "hover-color": color-contrast(btn-color($background, $btn-hover-bg-shade-amount, $btn-hover-bg-tint-amount)),
-    "active-background": btn-color($background, $btn-active-bg-shade-amount, $btn-active-bg-tint-amount),
+    "active-bg": btn-color($background, $btn-active-bg-shade-amount, $btn-active-bg-tint-amount),
     "active-border-color": btn-color($border-color, $btn-active-border-shade-amount, $btn-active-border-tint-amount),
     "active-color": color-contrast(btn-color($border-color, $btn-active-border-shade-amount, $btn-active-border-tint-amount)),
-    "disabled-background": $background,
+    "disabled-bg": $background,
     "disabled-border-color": $border-color,
     "disabled-color": color-contrast($background),
     "shadow": rgba(mix($background, $border-color, 15%), .5)
@@ -217,10 +217,10 @@ $_luminance-list: .0008 .001 .0011 .0013 .0015 .0017 .002 .0022 .0025 .0027 .003
 @function btn-outline-color-map($background) {
   @return (
     "color": $background,
-    "hover-background": btn-color($background, $btn-hover-bg-shade-amount, $btn-hover-bg-tint-amount),
+    "hover-bg": btn-color($background, $btn-hover-bg-shade-amount, $btn-hover-bg-tint-amount),
     "hover-border-color": btn-color($background, $btn-hover-border-shade-amount, $btn-hover-border-tint-amount),
     "hover-color": color-contrast(btn-color($background, $btn-hover-bg-shade-amount, $btn-hover-bg-tint-amount)),
-    "active-background": btn-color($background, $btn-active-bg-shade-amount, $btn-active-bg-tint-amount),
+    "active-bg": btn-color($background, $btn-active-bg-shade-amount, $btn-active-bg-tint-amount),
     "active-border-color": btn-color($background, $btn-active-border-shade-amount, $btn-active-border-tint-amount),
     "active-color": color-contrast(btn-color($background, $btn-active-border-shade-amount, $btn-active-border-tint-amount)),
     "disabled-color": $background,
@@ -232,15 +232,15 @@ $_luminance-list: .0008 .001 .0011 .0013 .0015 .0017 .002 .0022 .0025 .0027 .003
 // scss-docs-start list-group-color-functions
 @function list-group-color-map($color) {
   @return (
-    "background": shift-color($color, $list-group-item-bg-scale),
-    "background-hover": shade-color($color, 10%),
+    "bg": shift-color($color, $list-group-item-bg-scale),
+    "bg-hover": shade-color($color, 10%),
     "color": shift-color($color, $list-group-item-color-scale)
   );
 }
 // scss-docs-end list-group-color-functions
 
 // scss-docs-start table-color-functions
-@function table-color-map($background) {
+@function table-color-map($background, $body-bg: $body-bg) {
   $color: color-contrast(opaque($body-bg, $background));
   $striped-bg: mix($color, $background, percentage($table-striped-bg-factor));
   $active-bg: mix($color, $background, percentage($table-active-bg-factor));