From 8db6a855b86cdff8fe3f6eefac1aab27325bba91 Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@gmail.com>
Date: Thu, 3 Mar 2016 12:39:49 -0500
Subject: [PATCH] refactor(sass): replace all instances of bg in sass variables
 with background

references #5651
---
 ionic/components/button/button.ios.scss   | 10 +++++-----
 ionic/components/button/button.md.scss    | 12 ++++++------
 ionic/components/segment/segment.ios.scss | 18 +++++++++---------
 3 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/ionic/components/button/button.ios.scss b/ionic/components/button/button.ios.scss
index 3ed3210221..5daae74cdc 100644
--- a/ionic/components/button/button.ios.scss
+++ b/ionic/components/button/button.ios.scss
@@ -55,15 +55,15 @@ $button-ios-small-icon-font-size:     1.3em !default;
 @mixin ios-button-default($color-name, $color-value) {
 
   .button-#{$color-name} {
-    $bg-color: $color-value;
-    $bg-color-activated: color-shade($bg-color);
-    $fg-color: color-inverse($bg-color);
+    $background-color: $color-value;
+    $background-color-activated: color-shade($background-color);
+    $fg-color: color-inverse($background-color);
 
     color: $fg-color;
-    background-color: $bg-color;
+    background-color: $background-color;
 
     &.activated {
-      background-color: $bg-color-activated;
+      background-color: $background-color-activated;
     }
   }
 
diff --git a/ionic/components/button/button.md.scss b/ionic/components/button/button.md.scss
index c28b15f468..f6dc060d81 100644
--- a/ionic/components/button/button.md.scss
+++ b/ionic/components/button/button.md.scss
@@ -78,20 +78,20 @@ $button-md-small-icon-font-size:           1.4em !default;
 @mixin md-button-default($color-name, $color-value) {
 
   .button-#{$color-name} {
-    $bg-color: $color-value;
-    $bg-color-activated: color-shade($bg-color);
-    $fg-color: color-inverse($bg-color);
+    $background-color: $color-value;
+    $background-color-activated: color-shade($background-color);
+    $fg-color: color-inverse($background-color);
 
     color: $fg-color;
-    background-color: $bg-color;
+    background-color: $background-color;
 
     &:hover:not(.disable-hover) {
-      background-color: $bg-color;
+      background-color: $background-color;
     }
 
     &.activated {
       opacity: 1;
-      background-color: $bg-color-activated;
+      background-color: $background-color-activated;
     }
 
     ion-button-effect {
diff --git a/ionic/components/segment/segment.ios.scss b/ionic/components/segment/segment.ios.scss
index f24239b536..15c2909264 100644
--- a/ionic/components/segment/segment.ios.scss
+++ b/ionic/components/segment/segment.ios.scss
@@ -4,10 +4,10 @@
 // iOS Segment
 // --------------------------------------------------
 
-$segment-button-ios-bg-color:                   transparent !default;
-$segment-button-ios-bg-color-activated:         $toolbar-ios-active-color !default;
+$segment-button-ios-background-color:                   transparent !default;
+$segment-button-ios-background-color-activated:         $toolbar-ios-active-color !default;
 
-$segment-button-ios-text-color:                 color-inverse($segment-button-ios-bg-color-activated) !default;
+$segment-button-ios-text-color:                 color-inverse($segment-button-ios-background-color-activated) !default;
 $segment-button-ios-activated-transition:       100ms all linear !default;
 $segment-button-ios-hover-transition:           100ms all linear !default;
 $segment-button-ios-active-transition:          100ms all linear !default;
@@ -37,10 +37,10 @@ $segment-button-ios-toolbar-icon-line-height:   2.4rem !default;
 
   border-width: $segment-button-ios-border-width;
   border-style: solid;
-  border-color: $segment-button-ios-bg-color-activated;
+  border-color: $segment-button-ios-background-color-activated;
 
-  color: $segment-button-ios-bg-color-activated;
-  background-color: $segment-button-ios-bg-color;
+  color: $segment-button-ios-background-color-activated;
+  background-color: $segment-button-ios-background-color;
 
   ion-icon {
     font-size: $segment-button-ios-icon-size;
@@ -50,17 +50,17 @@ $segment-button-ios-toolbar-icon-line-height:   2.4rem !default;
   &.segment-activated {
     opacity: 1;
     color: $segment-button-ios-text-color;
-    background-color: $segment-button-ios-bg-color-activated;
+    background-color: $segment-button-ios-background-color-activated;
     transition: $segment-button-ios-activated-transition;
   }
 
   &:hover:not(.segment-activated) {
-    background-color: rgba($segment-button-ios-bg-color-activated, $segment-button-ios-hover-opacity);
+    background-color: rgba($segment-button-ios-background-color-activated, $segment-button-ios-hover-opacity);
     transition: $segment-button-ios-hover-transition;
   }
 
   &:active:not(.segment-activated) {
-    background-color: rgba($segment-button-ios-bg-color-activated, $segment-button-ios-active-opacity);
+    background-color: rgba($segment-button-ios-background-color-activated, $segment-button-ios-active-opacity);
     transition: $segment-button-ios-active-transition;
   }