refactor: add fill-gaps utility

scss/pixel-arts/ash.scss

@@ -33,5 +33,6 @@
     background: transparent;
 
     @include pixelize($size, $ash, $ash-colors);
+    @include fill-gaps();
   }
 }

scss/pixel-arts/bcrikko.scss

@@ -35,5 +35,6 @@
     background: transparent;
 
     @include pixelize($size, $bcrikko, $bcrikko-colors);
+    @include fill-gaps();
   }
 }

scss/pixel-arts/bulbasaur.scss

@@ -35,5 +35,6 @@
     background: transparent;
 
     @include pixelize($size, $bulbasaur, $bulbasaur-colors);
+    @include fill-gaps();
   }
 }

scss/pixel-arts/charmander.scss

@@ -36,5 +36,6 @@
     background: transparent;
 
     @include pixelize($size, $charmander, $charmander-colors);
+    @include fill-gaps();
   }
 }

scss/pixel-arts/kirby.scss

@@ -34,5 +34,6 @@
     background: transparent;
 
     @include pixelize($size, $kirby, $kirby-colors);
+    @include fill-gaps();
   }
 }

scss/pixel-arts/mario.scss

@@ -34,5 +34,6 @@
     background: transparent;
 
     @include pixelize($size, $mario, $mario-colors);
+    @include fill-gaps();
   }
 }

scss/pixel-arts/nes-icon.scss

@@ -29,5 +29,6 @@
     background: transparent;
 
     @include pixelize($size, $logo, $logo-colors);
+    @include fill-gaps();
   }
 }

scss/pixel-arts/nes-jp-icon.scss

@@ -29,5 +29,6 @@
     background: transparent;
 
     @include pixelize($size, $logo, $logo-colors);
+    @include fill-gaps();
   }
 }

scss/pixel-arts/octocat.scss

@@ -51,6 +51,7 @@
     background: transparent;
 
     @include pixelize($size, $octocat-1, $octocat-colors);
+    @include fill-gaps();
   }
 
   &.animate::before {

scss/pixel-arts/phone.scss

@@ -39,5 +39,6 @@
     background: transparent;
 
     @include pixelize($size, $phone, $phone-colors);
+    @include fill-gaps();
   }
 }

scss/pixel-arts/pokeball.scss

@@ -32,5 +32,6 @@
     background: transparent;
 
     @include pixelize($size, $pokeball, $pokeball-colors);
+    @include fill-gaps();
   }
 }

scss/pixel-arts/smartphone.scss

@@ -45,5 +45,6 @@
     background: transparent;
 
     @include pixelize($size, $smartphone, $smartphone-colors);
+    @include fill-gaps();
   }
 }

scss/pixel-arts/snes-icon.scss

@@ -29,5 +29,6 @@
     background: transparent;
 
     @include pixelize($size, $logo, $logo-colors);
+    @include fill-gaps();
   }
 }

scss/pixel-arts/snes-jp-icon.scss

@@ -30,5 +30,6 @@
     background: transparent;
 
     @include pixelize($size, $logo, $logo-colors);
+    @include fill-gaps();
   }
 }

scss/pixel-arts/squirtle.scss

@@ -35,5 +35,6 @@
     background: transparent;
 
     @include pixelize($size, $squirtle, $squirtle-colors);
+    @include fill-gaps();
   }
 }

scss/utilities/_index.scss

@@ -1,6 +1,7 @@
 @charset "utf-8";
 
 @import "animations.scss";
+@import "fill-gaps.scss";
 @import "icon-mixin.scss";
 @import "rounded-corners-mixin.scss";
 @import "visually-hidden.scss";

scss/utilities/fill-gaps.scss

@@ -0,0 +1,5 @@
+// Fill gaps in pixel art dots
+// `transform` property conflict when used for nes-icon
+@mixin fill-gaps() {
+  transform: rotate(0);
+}

scss/utilities/icon-mixin.scss

@@ -51,7 +51,6 @@
   height: $size;
   color: $default-color;
   box-shadow: unquote($ret);
-  transform: rotate(0.0001deg);
 
   // firefox only style
   @supports (-moz-appearance: meterbar) {