change background-color to background

19 files changed, 54 insertions, 54 deletions

diff --git a/src/autocomplete.less b/src/autocomplete.less
index 7cff686..b16a19a 100644
--- a/src/autocomplete.less
+++ b/src/autocomplete.less
@@ -3,7 +3,7 @@
   position: relative;
 
   .form-autocomplete-input {
-    background-color: #fff;
+    background: #fff;
     border: .1rem solid @control-color;
     border-radius: .3rem;
     color: @body-font-color;
@@ -21,7 +21,7 @@
     }
 
     .form-input {
-      background-color: #fff;
+      background: #fff;
       border-color: transparent;
       display: inline-block;
       height: 2.4rem;
@@ -33,7 +33,7 @@
   }
 
   .form-autocomplete-list {
-    background-color: #fff;
+    background: #fff;
     border: .1rem solid lighten(@control-color, 5%);
     border-radius: .3rem;
     display: block;
@@ -48,11 +48,11 @@
     z-index: 1988;
 
     .chip {
-      background-color: transparent;
+      background: transparent;
 
       &:hover,
       &.selected {
-        background-color: lighten(@core-color, 40%);
+        background: lighten(@core-color, 40%);
       }
     }
   }
diff --git a/src/avatars.less b/src/avatars.less
index bd8c2ce..e0f18c8 100644
--- a/src/avatars.less
+++ b/src/avatars.less
@@ -39,7 +39,7 @@
   }
 
   .avatar-icon {
-    background-color: #fff;
+    background: #fff;
     bottom: -.2em;
     height: 50%;
     padding: 5%;
diff --git a/src/badges.less b/src/badges.less
index 741b738..a8b454f 100644
--- a/src/badges.less
+++ b/src/badges.less
@@ -3,7 +3,7 @@
   position: relative;
 
   &::after {
-    background-color: @core-color;
+    background: @core-color;
     border: .1rem solid #fff;
     border-radius: 1rem;
     color: @core-text-color;
diff --git a/src/base.less b/src/base.less
index d618e43..256930f 100644
--- a/src/base.less
+++ b/src/base.less
@@ -11,7 +11,7 @@ html {
   -webkit-tap-highlight-color: transparent;
 }
 body {
-  background-color: @body-bg;
+  background: @body-bg;
   color: @body-font-color;
   font-family: @body-font-family;
   font-size: @body-font-size;
diff --git a/src/buttons.less b/src/buttons.less
index 5e6c005..d8b53d8 100644
--- a/src/buttons.less
+++ b/src/buttons.less
@@ -1,7 +1,7 @@
 // Buttons
 .btn {
   -webkit-appearance: none;
-  background-color: transparent;
+  background: transparent;
   border: .1rem solid @core-color;
   border-radius: .3rem;
   color: @core-link-color;
@@ -20,32 +20,32 @@
 
   &:hover,
   &:focus {
-    background-color: @core-color;
+    background: @core-color;
     border-color: darken(@core-color, 5%);
     color: @core-text-color;
   }
   &:active,
   &.active {
-    background-color: darken(@core-color, 5%);
+    background: darken(@core-color, 5%);
     border-color: darken(@core-color, 10%);
     color: @core-text-color;
   }
 
   // Button Primary
   &.btn-primary {
-    background-color: @core-color;
+    background: @core-color;
     border-color: darken(@core-color, 5%);
     color: @core-text-color;
 
     &:hover,
     &:focus {
-      background-color: darken(@core-color, 5%);
+      background: darken(@core-color, 5%);
       border-color: darken(@core-color, 10%);
       color: @core-text-color;
     }
     &:active,
     &.active {
-      background-color: darken(@core-color, 10%);
+      background: darken(@core-color, 10%);
       border-color: darken(@core-color, 15%);
       color: @core-text-color;
     }
@@ -61,7 +61,7 @@
 
   // Button Link
   &.btn-link {
-    background-color: transparent;
+    background: transparent;
     border-color: transparent;
     color: @core-link-color;
 
@@ -101,7 +101,7 @@
 
   // Button Clear
   &.btn-clear {
-    background-color: transparent;
+    background: transparent;
     border: 0;
     border-radius: .7rem;
     height: 1.4rem;
@@ -118,7 +118,7 @@
 
     &::before,
     &::after {
-      background-color: #333;
+      background: #333;
       content: "";
       display: block;
       left: 50%;
diff --git a/src/cards.less b/src/cards.less
index 3a8bd6a..f1f7e0b 100644
--- a/src/cards.less
+++ b/src/cards.less
@@ -1,6 +1,6 @@
 // Cards
 .card {
-  background-color: #fff;
+  background: #fff;
   border: .1rem solid @core-border-color;
   border-radius: .3rem;
   display: block;
diff --git a/src/chips.less b/src/chips.less
index 9866704..7ef1bc4 100644
--- a/src/chips.less
+++ b/src/chips.less
@@ -28,13 +28,13 @@
 
       &:hover,
       &:focus {
-        background-color: transparent;
+        background: transparent;
         border-color: transparent;
         color: @core-color;
       }
       &:active,
       &.active {
-        background-color: transparent;
+        background: transparent;
         border-color: transparent;
         color: darken(@core-color, 5%);
       }
@@ -45,7 +45,7 @@
 // Small chips
 .chip-sm {
   align-items: center;
-  background-color: lighten(@core-color, 40%);
+  background: lighten(@core-color, 40%);
   border-radius: .3rem;
   color: #666;
   display: inline-flex;
@@ -58,24 +58,24 @@
 
   &:hover,
   &:focus {
-    background-color: lighten(@core-color, 38%);
+    background: lighten(@core-color, 38%);
   }
 
   .btn {
     &::before,
     &::after {
-      background-color: darken(@core-color, 10%);
+      background: darken(@core-color, 10%);
     }
   }
 
   &.selected {
-    background-color: @core-color;
+    background: @core-color;
     color: @core-text-color;
 
     .btn {
       &::before,
       &::after {
-        background-color: lighten(@core-color, 40%);
+        background: lighten(@core-color, 40%);
       }
     }
   }
diff --git a/src/fileicons.less b/src/fileicons.less
index e7ccb82..a6e1f89 100644
--- a/src/fileicons.less
+++ b/src/fileicons.less
@@ -1,6 +1,6 @@
 // File icons
 .file-icon {
-  background-color: transparent;
+  background: transparent;
   border-color: @control-color;
   border-radius: .2rem;
   border-style: solid;
@@ -14,7 +14,7 @@
 
   &::before,
   &::after {
-    background-color: transparent;
+    background: transparent;
     border: .5rem solid @control-color;
     border-right-color: transparent;
     border-top-color: transparent;
diff --git a/src/forms.less b/src/forms.less
index 9f8b952..55f4aad 100644
--- a/src/forms.less
+++ b/src/forms.less
@@ -9,7 +9,7 @@
   width: 100%;
   max-width: 100%;
   height: 3.2rem;
-  background-color: #fff;
+  background: #fff;
   background-image: none;
   border: .1rem solid @control-color;
   border-radius: .3rem;
@@ -25,7 +25,7 @@
   }
 
   &[disabled] {
-    background-color: #eeeff2;
+    background: #eeeff2;
   }
 
   // Input sizes
@@ -136,7 +136,7 @@
     border-color: darken(@control-color, 15%);
   }
   input:checked + .form-icon {
-    background-color: @core-color;
+    background: @core-color;
     border-color: @core-color;
   }
 }
@@ -178,7 +178,7 @@
       margin-top: -.2rem;
       margin-left: -.2rem;
       border-radius: .2rem;
-      background-color: #fff;
+      background: #fff;
     }
   }
 }
@@ -194,7 +194,7 @@
     line-height: 2.4rem;
     vertical-align: top;
     border: .1rem solid @control-color;
-    background-color: @control-color;
+    background: @control-color;
     display: inline-block;
     width: 3rem;
     height: 1.8rem;
@@ -214,13 +214,13 @@
       position: absolute;
       top: 0;
       left: 0;
-      background-color: #fff;
+      background: #fff;
       transition: left .15s ease;
     }
   }
 
   input:checked + .form-icon {
-    background-color: @core-color;
+    background: @core-color;
     border-color: @core-color;
 
     &::after {
@@ -238,7 +238,7 @@
     padding: .7rem .8rem;
     border: .1rem solid @control-color;
     border-radius: .3rem;
-    background-color: @core-border-color;
+    background: @core-border-color;
   }
   .input-group-addon,
   .input-group-btn {
diff --git a/src/labels.less b/src/labels.less
index f92f2d0..2d9b6a9 100644
--- a/src/labels.less
+++ b/src/labels.less
@@ -1,6 +1,6 @@
 // Labels
 .label {
-  background-color: @core-border-color;
+  background: @core-border-color;
   color: lighten(@body-font-color, 20%);
   .label-base;
   white-space: nowrap;
diff --git a/src/menus.less b/src/menus.less
index eee6678..2c0630d 100644
--- a/src/menus.less
+++ b/src/menus.less
@@ -1,6 +1,6 @@
 // Menus
 .menu {
-  background-color: #fff;
+  background: #fff;
   border-radius: .3rem;
   display: block;
   margin: 0;
@@ -33,7 +33,7 @@
       }
       &:active,
       &.active {
-        background-color: lighten(@core-color, 40%);
+        background: lighten(@core-color, 40%);
         color: darken(@core-link-color, 5%);
       }
     }
@@ -48,7 +48,7 @@
     padding: .2rem 1rem;
 
     .menu-header-text {
-      background-color: #fff;
+      background: #fff;
       display: inline-block;
       margin-left: -.6rem;
       padding: 0 .6rem;
diff --git a/src/modals.less b/src/modals.less
index f2d36b7..d5e6af0 100644
--- a/src/modals.less
+++ b/src/modals.less
@@ -17,7 +17,7 @@
     z-index: 1988;
 
     .modal-overlay {
-      background-color: rgba(0, 0, 0, .75);
+      background: rgba(0, 0, 0, .75);
       bottom: 0;
       display: block;
       left: 0;
@@ -32,7 +32,7 @@
 }
 .modal-container {
   animation: slide-up .216s;
-  background-color: #fff;
+  background: #fff;
   border-radius: .3rem;
   display: block;
   margin: 0 auto;
diff --git a/src/navigation.less b/src/navigation.less
index d3a1e35..1523327 100644
--- a/src/navigation.less
+++ b/src/navigation.less
@@ -92,13 +92,13 @@
 
       &:hover,
       &:focus {
-        background-color: lighten(@core-color, 40%);
+        background: lighten(@core-color, 40%);
       }
     }
 
     &.active {
       a {
-        background-color: @core-color;
+        background: @core-color;
         color: @core-text-color;
       }
     }
diff --git a/src/tables.less b/src/tables.less
index d071b0d..c2c0ee6 100644
--- a/src/tables.less
+++ b/src/tables.less
@@ -14,6 +14,6 @@
     border-color: darken(@core-border-color, 15%);
   }
   .selected {
-    background-color: lighten(@core-border-color, 2%);
+    background: lighten(@core-border-color, 2%);
   }
 }
diff --git a/src/toasts.less b/src/toasts.less
index 5f5c244..30af555 100644
--- a/src/toasts.less
+++ b/src/toasts.less
@@ -1,6 +1,6 @@
 // Toasts
 .toast {
-  background-color: @core-border-color;
+  background: @core-border-color;
   border: .1rem solid darken(@core-border-color, 2%);
   border-radius: .3rem;
   color: #666;
@@ -26,7 +26,7 @@
     .btn-clear {
       &::before,
       &::after {
-        background-color: #fff;
+        background: #fff;
       }
     }
   }
diff --git a/src/tooltips.less b/src/tooltips.less
index 7eecfe0..9e71540 100644
--- a/src/tooltips.less
+++ b/src/tooltips.less
@@ -3,7 +3,7 @@
   position: relative;
 
   &::after {
-    background-color: fade(#333, 90%);
+    background: fade(#333, 90%);
     border-radius: .3rem;
     bottom: 100%;
     color: @core-text-color;
diff --git a/src/typography.less b/src/typography.less
index 4fd681f..b0c4529 100644
--- a/src/typography.less
+++ b/src/typography.less
@@ -78,13 +78,13 @@ ol {
 }
 mark,
 .highlight {
-  background-color: lighten(@control-color-warning, 32%);
+  background: lighten(@control-color-warning, 32%);
   .label-base;
 }
 
 // Code
 pre {
-  background-color: lighten(@core-border-color, 4%);
+  background: lighten(@core-border-color, 4%);
   border-left: .2rem solid @core-color;
   line-height: 1.8rem;
   margin-bottom: 1em;
@@ -93,12 +93,12 @@ pre {
   padding: 1.5rem;
 }
 code {
-  background-color: @core-border-color;
+  background: @core-border-color;
   .label-base;
   white-space: nowrap;
 
   pre & {
-    background-color: transparent;
+    background: transparent;
     border-left: 0;
     line-height: 1.8rem;
     margin-bottom: 0;
diff --git a/src/utilities.less b/src/utilities.less
index 3723eb9..db79bc4 100644
--- a/src/utilities.less
+++ b/src/utilities.less
@@ -101,7 +101,7 @@
   visibility: hidden;
 }
 .text-hide {
-  background-color: transparent;
+  background: transparent;
   border: 0;
   color: transparent;
   font: 0/0 a;
diff --git a/src/variables.less b/src/variables.less
index 6a5c260..197e3da 100644
--- a/src/variables.less
+++ b/src/variables.less
@@ -33,7 +33,7 @@
   }
 }
 .toast-variant(@color) {
-  background-color: @color;
+  background: @color;
   border-color: darken(@color, 2%);
   color: @core-text-color;
 }
@@ -45,6 +45,6 @@
   vertical-align: baseline;
 }
 .label-variant(@color) {
-  background-color: @color;
+  background: @color;
   color: @core-text-color;
 }