2018-12-11 19:47:28 -02:00
< div align = "center" >
2018-12-11 19:42:37 -02:00
< a href = "https://nostalgic-css.github.io/NES.css/" target = "_blank" > < img src = "https://user-images.githubusercontent.com/5305599/49061716-da649680-f254-11e8-9a89-d95a7407ec6a.png" alt = "NES.css: NES-style CSS framework" style = "max-width: 100%;" width = "600" height = "315" > < / a >
2018-12-09 20:26:35 -02:00
< a href = "README.md" > English< / a > / < a href = "README-jp.md" > 日本語< / a > / < a href = "README-es.md" > Español< / a > / < a href = "README-pt-BR.md" > Português< / a >
< / div >
NES.css é um Framework CSS, no **estilo NES(8bit)** .
2018-12-11 19:42:37 -02:00
[![Gitter][gitter-badge]][gitter] [![Commitizen friendly][commitizen-badge]][commitizen]
2018-12-09 20:26:35 -02:00
## Instalação
2018-12-11 19:42:37 -02:00
### Estilos
NES.css está disponível seja através do npm (preferível) ou Yarn, ou pelo CDN.
#### via gerenciador de pacotes
```shell
npm install nes.css
# ou
yarn add nes.css
```
Nosso `package.json` contém alguns metadata adicionais, sob as seguintes chaves:
* `sass` - caminho para nosso arquivo fronte Sass principal
* `style` - caminho para nosso CSS não-minificado
### via CDN
Importe o CSS através de um elemento `<link />` :
2018-12-09 20:26:35 -02:00
```html
<!-- minify -->
< link href = "https://unpkg.com/nes.css @0 .0.2/css/nes.min.css" rel = "stylesheet" />
<!-- latest -->
< link href = "https://unpkg.com/nes.css/css/nes.min.css" rel = "stylesheet" / >
```
2018-12-11 19:42:37 -02:00
### Fontes
2018-12-09 20:26:35 -02:00
2018-12-11 19:42:37 -02:00
NES.css não fornece nenhuma fonte, mas nós mantemos uma lista de fontes recomendadas por nós para a utilização em conjunto com a biblioteca.
2018-12-09 20:26:35 -02:00
2018-12-11 19:42:37 -02:00
| Idioma | Fonte |
|-----------|--------------------------------------------------------------------|
| (Padrão) | [Press Start 2P ](https://fonts.google.com/specimen/Press+Start+2P ) |
| Inglês | [Kongtext ](https://www.dafont.com/kongtext.font ) |
| Japonês | [美咲フォント ](http://www.geocities.jp/littlimi/misaki.htm ) |
| Japonês | [Nu もち ](http://kokagem.sakura.ne.jp/font/mochi/ ) |
2018-12-09 20:26:35 -02:00
## Utilização
NES.css apenas fornece os componentes. Você precisará definir seu próprio layout.
2018-12-11 19:42:37 -02:00
A fonte recomendada para NES.css é a [Press Start 2P][press-start-2p-font]. No entanto, ela apenas fornece suporte para caracteres ingleses. Quando você estiver usando este framework em qualquer outro idioma com exceção do inglês, por favor use outra fonte. Siga as [instruções][google-fonts-guide] fornecidas pelo Google Fonts sobre como incluí-la, ou simplismente faça a inclusão como consta abaixo:
2018-12-09 20:26:35 -02:00
```html
< head >
< link href = "https://fonts.googleapis.com/css?family=Press+Start+2P" rel = "stylesheet" >
< link href = "https://unpkg.com/nes.css/css/nes.css" rel = "stylesheet" / >
2018-12-11 19:42:37 -02:00
2018-12-09 20:26:35 -02:00
< style >
html, body, pre, code, kbd, samp {
font-family: "font-family you want to use";
}
< / style >
< / head >
```
## Exclusivamente CSS
NES.css apenas usa CSS e não depende de qualquer JavaScript.
## Suporte para Browsers
NES.css é compatível com as mais novas versões dos seguintes browsers.
* Chrome
* Firefox
* Safari
Não testado
* IE/Edge
## Copyright e licença
Código e documentação copyright 2018 [B.C.Rikko ](https://github.com/BcRikko ). Código lançado sobre a Licença MIT. Documentação e novos lançamentos com Creative Commons.
2018-12-11 19:42:37 -02:00
## Desenvolvimento
2018-12-11 19:51:37 -02:00
Se você quiser nos ajudar com o projeto, nós agradecemos contribuições de todos os tipos! Verifique nosso [`CONTRIBUTING-pt-BR.md` ][contributing-document] para mais detalhes em como você pode ajudar a tornar o NES.css incrível!
2018-12-11 19:42:37 -02:00
2018-12-09 20:26:35 -02:00
2018-12-11 19:42:37 -02:00
[commitizen]: http://commitizen.github.io/cz-cli/
[commitizen-badge]: https://img.shields.io/badge/commitizen-friendly-brightgreen.svg
2018-12-11 19:51:37 -02:00
[contributing-document]: https://github.com/nostalgic-css/NES.css/blob/master/CONTRIBUTING-pt-BR.md
2018-12-09 20:26:35 -02:00
[gitter]: https://gitter.im/nostalgic-css/Lobby
[gitter-badge]: https://img.shields.io/gitter/room/nostalgic-css/Lobby.svg
2018-12-11 19:42:37 -02:00
[google-fonts-guide]: https://developers.google.com/fonts/docs/getting_started
[press-start-2p-font]: https://fonts.google.com/specimen/Press+Start+2P?selection.family=Press+Start+2P
