From 3a64ef163890c10ca644de71c214db057a4a54bb Mon Sep 17 00:00:00 2001
From: cha0s <git@cha0s.io>
Date: Thu, 3 Oct 2019 19:20:14 -0500
Subject: [PATCH] refactor: let prefixer handle pixelated

---
 client/index.scss                 |  4 +---
 client/ui/menu/item-slot.raw.scss |  2 +-
 scss/graphics.scss                | 15 ---------------
 3 files changed, 2 insertions(+), 19 deletions(-)

diff --git a/client/index.scss b/client/index.scss
index cb31e43..e030b42 100644
--- a/client/index.scss
+++ b/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;
     }
   }
 }
diff --git a/client/ui/menu/item-slot.raw.scss b/client/ui/menu/item-slot.raw.scss
index 56553f7..1eca2ea 100644
--- a/client/ui/menu/item-slot.raw.scss
+++ b/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%;
 
diff --git a/scss/graphics.scss b/scss/graphics.scss
index 02b27ac..5e95f35 100644
--- a/scss/graphics.scss
+++ b/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,