nostalgic-css / NES.css

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

<input type="range" /> component #184

Open panoramix360 opened 5 years ago

panoramix360 commented 5 years ago

I started making an input range component.

When I have something to show I'll post here!

trezy commented 5 years ago

Woohoo! I could use this on a project where I'm currently using NES.css. I'm excited! 😁

panoramix360 commented 5 years ago

Until now it's being like this ˆˆ

image

I'll try to make another models and colors, do you guys have another suggestions?

abdallahalsamman commented 5 years ago

@panoramix360 looks good to me 🙌 btw can we remove the dotted borders on focus?

trezy commented 5 years ago

@evexoio those dotted borders look like the normal focus indicator for these controls.

panoramix360 commented 5 years ago

@evexoio I'll try to remove that but I think this is setted default by browser and we can't change with CSS :(

I'll see what I can do!

panoramix360 commented 5 years ago

I made four examples :)

image

I'll create a PR after testing on all browsers.

jjspace commented 5 years ago

Looking good! Are you able to make the handle pixelized? would be cool and fit a little better with the framework.