mirror of
https://github.com/nostalgic-css/NES.css.git
synced 2025-02-22 00:04:56 +01:00
docs(readme): update readme-pt-br translated from en
This commit is contained in:
Igor Guastalla de Lima
parent
568650ec9b
commit
4ca5aaef1d
111
README-pt-BR.md
111
README-pt-BR.md
@ -1,16 +1,34 @@
|
|||||||
<div align="center">
|
<div style="text-align: center;">
|
||||||
<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>
|
<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>
|
||||||
|
|
||||||
<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>
|
<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>
|
</div>
|
||||||
|
|
||||||
NES.css é um Framework CSS, no **estilo NES(8bit)**.
|
NES.css é um Framework CSS, no **estilo NES(8bit)**.
|
||||||
|
|
||||||
[![Gitter][gitter-badge]][gitter] [](http://commitizen.github.io/cz-cli/)
|
[![Gitter][gitter-badge]][gitter] [![Commitizen friendly][commitizen-badge]][commitizen]
|
||||||
|
|
||||||
## Instalação
|
## Instalação
|
||||||
|
|
||||||
### CDN
|
### 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 />`:
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<!-- minify -->
|
<!-- minify -->
|
||||||
@ -19,29 +37,28 @@ NES.css é um Framework CSS, no **estilo NES(8bit)**.
|
|||||||
<link href="https://unpkg.com/nes.css/css/nes.min.css" rel="stylesheet" />
|
<link href="https://unpkg.com/nes.css/css/nes.min.css" rel="stylesheet" />
|
||||||
```
|
```
|
||||||
|
|
||||||
OU
|
### Fontes
|
||||||
|
|
||||||
```html
|
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.
|
||||||
<!-- non-minified -->
|
|
||||||
<link href="https://unpkg.com/nes.css@0.0.2/css/nes.css" rel="stylesheet" />
|
|
||||||
<!-- latest -->
|
|
||||||
<link href="https://unpkg.com/nes.css/css/nes.css" rel="stylesheet" />
|
|
||||||
```
|
|
||||||
|
|
||||||
### npm
|
| Idioma | Fonte |
|
||||||
|
|-----------|--------------------------------------------------------------------|
|
||||||
TODO: Como utilizar com npm
|
| (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/) |
|
||||||
|
|
||||||
## Utilização
|
## Utilização
|
||||||
|
|
||||||
NES.css apenas fornece os componentes. Você precisará definir seu próprio layout.
|
NES.css apenas fornece os componentes. Você precisará definir seu próprio layout.
|
||||||
|
|
||||||
A fonte padrão é a [Press Start 2P](https://fonts.google.com/specimen/Press+Start+2P?selection.family=Press+Start+2P) o qual oferece suporte apenas para caracteres ingleses. Quando você estiver usando este framework em qualquer outro idioma com exceção do inglês, por favor use outra fonte. Por favor, siga as [instruções](https://developers.google.com/fonts/docs/getting_started) fornecidas pelo Google Fonts sobre como incluí-la, ou simplismente faça a inclusão como consta abaixo:
|
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:
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<head>
|
<head>
|
||||||
<link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet">
|
<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" />
|
<link href="https://unpkg.com/nes.css/css/nes.css" rel="stylesheet" />
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
html, body, pre, code, kbd, samp {
|
html, body, pre, code, kbd, samp {
|
||||||
font-family: "font-family you want to use";
|
font-family: "font-family you want to use";
|
||||||
@ -50,21 +67,10 @@ A fonte padrão é a [Press Start 2P](https://fonts.google.com/specimen/Press+St
|
|||||||
</head>
|
</head>
|
||||||
```
|
```
|
||||||
|
|
||||||
### Fontes Recomendadas
|
|
||||||
|
|
||||||
|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/)|
|
|
||||||
|
|
||||||
|
|
||||||
## Exclusivamente CSS
|
## Exclusivamente CSS
|
||||||
|
|
||||||
NES.css apenas usa CSS e não depende de qualquer JavaScript.
|
NES.css apenas usa CSS e não depende de qualquer JavaScript.
|
||||||
|
|
||||||
|
|
||||||
## Suporte para Browsers
|
## Suporte para Browsers
|
||||||
|
|
||||||
NES.css é compatível com as mais novas versões dos seguintes browsers.
|
NES.css é compatível com as mais novas versões dos seguintes browsers.
|
||||||
@ -75,57 +81,22 @@ NES.css é compatível com as mais novas versões dos seguintes browsers.
|
|||||||
Não testado
|
Não testado
|
||||||
* IE/Edge
|
* IE/Edge
|
||||||
|
|
||||||
|
|
||||||
## Desenvolvimento
|
|
||||||
|
|
||||||
### Comandos
|
|
||||||
```sh
|
|
||||||
git clone git@github.com:BcRikko/NES.css.git
|
|
||||||
cd NES.css
|
|
||||||
|
|
||||||
npm i
|
|
||||||
|
|
||||||
npm run watch
|
|
||||||
npm run build
|
|
||||||
```
|
|
||||||
|
|
||||||
#### Execute Storybook
|
|
||||||
```
|
|
||||||
npm run storybook
|
|
||||||
```
|
|
||||||
|
|
||||||
Lint, formatação e build são executados automaticamente em um hook de pré-commit.
|
|
||||||
|
|
||||||
TODO: Mudar a compilação para fazer com CI
|
|
||||||
|
|
||||||
### Diretórios
|
|
||||||
```sh
|
|
||||||
.
|
|
||||||
├── index.html: Página de demonstração
|
|
||||||
├── style.css: Estilização da página de demonstração
|
|
||||||
├── css: Arquivos de distribuição
|
|
||||||
├── docs: "Histórias" Storybook
|
|
||||||
└── scss: Código fonte
|
|
||||||
├── base
|
|
||||||
│ ├── reboot.scss: Não modifique-o! (Bootstrap Reboot)
|
|
||||||
│ ├── generic.scss: Estilização genérica e reboot.css
|
|
||||||
│ └── variables.scss: Variáveis em comum
|
|
||||||
├── elements
|
|
||||||
├── form
|
|
||||||
├── icons: ícones 16x16
|
|
||||||
├── pixel-arts: Para ícones que não são 16x16.
|
|
||||||
└── utilities
|
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
## Copyright e licença
|
## 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.
|
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.
|
||||||
|
|
||||||
|
## Desenvolvimento
|
||||||
|
|
||||||
|
Se você quiser nos ajudar com o projeto, nós agradecemos contribuições de todos os tipos! Verifique nosso [`CONTRIBUTING.md`][contributing-document] para mais detalhes em como você pode ajudar a tornar o NES.css incrível!
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
[commitizen]: http://commitizen.github.io/cz-cli/
|
||||||
|
[commitizen-badge]: https://img.shields.io/badge/commitizen-friendly-brightgreen.svg
|
||||||
|
[contributing-document]: https://github.com/nostalgic-css/NES.css/blob/master/CONTRIBUTING.md
|
||||||
[gitter]: https://gitter.im/nostalgic-css/Lobby
|
[gitter]: https://gitter.im/nostalgic-css/Lobby
|
||||||
[gitter-badge]: https://img.shields.io/gitter/room/nostalgic-css/Lobby.svg
|
[gitter-badge]: https://img.shields.io/gitter/room/nostalgic-css/Lobby.svg
|
||||||
|
[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
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user