nostalgic-css / NES.css

NES-style CSS Framework | ファミコン風CSSフレームワーク
https://nostalgic-css.github.io/NES.css/
MIT License
20.56k stars 1.64k forks source link

Add a way to access the pointer cursor #339

Closed alexd99 closed 5 years ago

alexd99 commented 5 years ago

Is your feature request related to a problem? Please describe.

The feature request is not related to a problem with the framework. With the app, I am building I want to add a pointer cursor on hover, but I can't easily access the pointer cursor that this framework uses.

Describe the solution you'd like An easy way to get access to the pointer cursor that this framework uses. Maybe via a css class likenes-pointer

Describe alternatives you've considered The way I am currently getting passed this is by adding: cursor: url(https://unpkg.com/nes.css@latest/assets/cursor-click.png), auto; to the element that I want to have the pointer cursor

I would be happy to work on this if others are interested in the idea. The only issue is I'm not sure what file something like this would belong in.

guastallaigor commented 5 years ago

Yes I had this problem too and I'm on board with the idea of having an easier way to access the cursor 👍. What do you think @BcRikko?

BcRikko commented 5 years ago

I see. That's true. 🙆‍♂ I agree to provide nes-pointer ☝️

Like this? 🤔

<!-- Change the cursor on hover -->
<div class="nes-pointer"></div>
./scss
   |- helpers
      |- pointer.scss
.nes-pointer {
  cursor: $cursor-click-url, pointer;
}

Here's an article: Buttons shouldn’t have a hand cursor – Simple = Human – Medium

I understand and agree this article to some extent. But not all.🤔 However, this is not an issue of the CSS Framework, but an issue for developers. Please remember that there is an argument like this. 👍