vsmode/pixel8

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

Opened this issue · 3 comments

cjke commented

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
image

After on Firefox
image

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 commented

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

  • 👍1
cjke commented

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:

image

This is after a fresh install:

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

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

  • 👍1