Fix #242

sass/elements/box.sass

@@ -1,6 +1,6 @@
 .box
   @extend .block
-  background: $white
+  background-color: $white
   border-radius: $radius-large
   box-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1)
   display: block

sass/elements/button.sass

@@ -50,42 +50,42 @@
     $color: nth($pair, 1)
     $color-invert: nth($pair, 2)
     &.is-#{$name}
-      background: $color
+      background-color: $color
       border-color: transparent
       color: $color-invert
       &:hover,
       &:focus,
       &.is-active
-        background: darken($color, 10%)
+        background-color: darken($color, 10%)
         border-color: transparent
         color: $color-invert
       &:active
         border-color: transparent
       &.is-inverted
-        background: $color-invert
+        background-color: $color-invert
         color: $color
         &:hover
-          background: darken($color-invert, 5%)
+          background-color: darken($color-invert, 5%)
       &.is-loading
         &:after
           border-color: transparent transparent $color-invert $color-invert !important
       &.is-outlined
-        background: transparent
+        background-color: transparent
         border-color: $color
         color: $color
         &:hover,
         &:focus
-          background: $color
+          background-color: $color
           border-color: $color
           color: $color-invert
   &.is-link
-    background: transparent
+    background-color: transparent
     border-color: transparent
     color: $text
     text-decoration: underline
     &:hover,
     &:focus
-      background: $border
+      background-color: $border
       color: $text-strong
   // Sizes
   &.is-small

sass/elements/content.sass

@@ -32,7 +32,7 @@
     &:not(:first-child)
       margin-top: 40px
   blockquote
-    background: $background
+    background-color: $background
     border-left: 5px solid $border
     padding: 1.5em
   h1

sass/elements/notification.sass

@@ -1,7 +1,7 @@
 .notification
   @extend .block
   +clearfix
-  background: $background
+  background-color: $background
   border-radius: $radius
   padding: 16px 20px
   position: relative
@@ -17,5 +17,5 @@
     $color: nth($pair, 1)
     $color-invert: nth($pair, 2)
     &.is-#{$name}
-      background: $color
+      background-color: $color
       color: $color-invert

sass/elements/other.sass

@@ -2,7 +2,7 @@
   @extend .unselectable
   -moz-appearance: none
   -webkit-appearance: none
-  background: rgba($black, 0.2)
+  background-color: rgba($black, 0.2)
   border: none
   border-radius: 290486px
   cursor: pointer
@@ -13,7 +13,7 @@
   width: 24px
   &:before,
   &:after
-    background: $white
+    background-color: $white
     content: ""
     display: block
     height: 2px
@@ -28,7 +28,7 @@
   &:after
     transform: rotate(-45deg)
   &:hover
-    background: rgba($black, 0.5)
+    background-color: rgba($black, 0.5)
   // Sizes
   &.is-small
     height: 16px
@@ -60,7 +60,7 @@
   position: relative
   width: $nav-height
   span
-    background: $text
+    background-color: $text
     display: block
     height: 1px
     left: 50%
@@ -77,11 +77,11 @@
     &:nth-child(3)
       margin-top: 4px
   &:hover
-    background: $background
+    background-color: $background
   // Modifers
   &.is-active
     span
-      background: $link
+      background-color: $link
       &:nth-child(1)
         margin-left: -5px
         transform: rotate(45deg)
@@ -124,7 +124,7 @@
   width: 16px
 
 .number
-  background: $background
+  background-color: $background
   border-radius: 290486px
   display: inline-block
   font-size: $size-medium
@@ -132,7 +132,7 @@
 
 .tag
   align-items: center
-  background: $background
+  background-color: $background
   border-radius: 290486px
   color: $text
   display: inline-flex
@@ -155,7 +155,7 @@
     $color: nth($pair, 1)
     $color-invert: nth($pair, 2)
     &.is-#{$name}
-      background: $color
+      background-color: $color
       color: $color-invert
   // Sizes
   &.is-small

sass/elements/progress.sass

@@ -10,19 +10,19 @@
   padding: 0
   width: 100%
   &::-webkit-progress-bar
-    background: $border
+    background-color: $border
   &::-webkit-progress-value
-    background: $text
+    background-color: $text
   &::-moz-progress-bar
-    background: $text
+    background-color: $text
   // Colors
   @each $name, $pair in $colors
     $color: nth($pair, 1)
     &.is-#{$name}
       &::-webkit-progress-value
-        background: $color
+        background-color: $color
       &::-moz-progress-bar
-        background: $color
+        background-color: $color
   // Sizes
   &.is-small
     height: 8px

sass/elements/table.sass

@@ -1,5 +1,5 @@
 .table
-  background: $white
+  background-color: $white
   color: $text-strong
   margin-bottom: 20px
   width: 100%
@@ -27,7 +27,7 @@
         display: block
         padding: 8px 10px
         &:hover
-          background: $link
+          background-color: $link
           color: $link-invert
     &.is-narrow
       white-space: nowrap
@@ -37,7 +37,7 @@
     text-align: left
   tr
     &:hover
-      background: $background
+      background-color: $background
       color: $text-strong
   thead
     td,
@@ -84,8 +84,8 @@
     tbody
       tr
         &:hover
-          background: darken($background, 2%)
+          background-color: darken($background, 2%)
         &:nth-child(2n)
-          background: $background
+          background-color: $background
           &:hover
-            background: darken($background, 2%)
+            background-color: darken($background, 2%)