refactor: let prefixer handle pixelated

client/index.scss

@@ -1,5 +1,3 @@
-@import '~graphics.scss';
-
 * {
   box-sizing: border-box;
 }
@@ -41,7 +39,7 @@ ins {
     transition-duration: 0.125s;
 
     canvas {
-      @include pixelated;
+      image-rendering: pixelated;
     }
   }
 }

client/ui/menu/item-slot.raw.scss

@@ -17,10 +17,10 @@
 }
 
 .item-slot-inner {
-  @include pixelated;
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
+  image-rendering: pixelated;
   width: 100%;
   height: 100%;
 

scss/graphics.scss

@@ -1,18 +1,3 @@
-@mixin pixelated {
-  /* Older versions of FF          */
-  image-rendering: optimizeSpeed;
-  /* FF 6.0+                       */
-  image-rendering: -moz-crisp-edges;
-  /* Safari                        */
-  image-rendering: -webkit-optimize-contrast;
-  /* OS X & Windows Opera (12.02+) */
-  image-rendering: -o-crisp-edges;
-  /* Awesome future-browsers       */
-  image-rendering: pixelated;
-  /* IE                            */
-  -ms-interpolation-mode: nearest-neighbor;
-}
-
 @mixin shadow-border($size, $color, $radius: $size) {
   box-shadow:
     -#{$size} -#{$size} $radius $color,