Firefox: Set `image-rendering: crisp-edges;`

[cjke]

Cool project, just starting to have a poke around. On Firefox the first impressions are a little skewed because the images are quite blurry.

If you simply apply image-rendering: crisp-edges; will fix the issue.

Before on Firefox

After on Firefox

I'm happy to do a PR, I'd imagine it would be here right?
https://github.com/vsmode/pixel8/blob/master/src/components/Stage.js#L235

[jozanza]

@cjke a PR would be great. That looks like the right spot to me!

[cjke]

Apologies about the delay - I've started to look at this tonight, but I hit a snag with styleguidedist (which I haven't used before).

Have you seen this error:

This is after a fresh install:

• git clone git@github.com:vsmode/pixel8.git
• npm install
• npm run styleguide

[jozanza]

I'm going to take a look right now and get to the bottom of this 👍