Fix pixelize bug - Githubissues

font-size less than 10px does not working on Chrome.

fix #262

Description I used transform:scale() instead of font-size & em. Because font-size less than 10px does not working on Chrome.

[x] input elements
[x] icons
[x] pixel arts
[x] ~badges~ I couldn't convert the badge from em to px. so I'll recreate it with another issue. Because the calculation of nes-badge was too complex.

&.is-medium {
  // If you use `transform: scale()` , box size changes.
  // So I use `margin-right` and `margin-bottom` to adjust the box size.
  margin-right: $icon-size * 2;
  margin-bottom: $icon-size * 2;
  // 3px
  transform: scale(3);
}

For details, refer to the following. https://jsfiddle.net/bc_rikko/q8txjL5u/ 2019-01-30 17 53 22

Compatibility N/A

Caveats

before	after

nostalgic-css / NES.css

Fix pixelize bug #264