search

nostalgic-css / NES.css

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

Add badges component #216

Closed guastallaigor closed 5 years ago

guastallaigor commented 5 years ago

Description Ref #211 . Add the badges component, kind of like this but more 8-bit like.

Compatibility N/A

Caveats screencast-localhost-6006-2018 12 19-20-52-37

I could not get delete/close icon right like this. So I'm opening this PR to maybe someone else (or maybe even me later) get this done. Because of this reason, I didn't put this component into index.html.

Another thing, about the other style of the badges like this

image

I'm thinking of putting it in a different class like nes-icon-badge, because from what I've researched, it's always on top of some icon, and the style is different. I will try to code something and open an issue if that's ok. Any comments feel free.

guastallaigor commented 5 years ago

Hability to change de size by changing it's font-size added:

screencast-localhost-6006-2018 12 20-20-26-56

guastallaigor commented 5 years ago

Added is-icon class, not sure if is good enough though

screencast-localhost-6006-2018 12 22-20-34-59

I was aiming to look like this:

image

BcRikko commented 5 years ago

:tada: This PR is included in version 2.0.0 :tada:

The release is available on:

Your semantic-release bot :package::rocket: