nes.css/README-es.md

English / 日本語 / Español / Português

NES.css es un Framework CSS Estilo-NES (8bit)

Instalación

CDN

<!-- 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" />

O

<!-- 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

TODO: npm での使用方法を書く

Uso

NES.css sólo tiene componentes. Tienes que definir tu propio diseño.

La tipogfrafía por fefecto es Press Start 2P, la cual tiene soporte para caracteres latinos (acentos, ñ y ü).

Tipografías recomendadas

Idioma	Tipografía
(Default)	Press Start 2P
Latino	Kongtext
Japanese	美咲フォント
Japanese	Nu もち

CSS Only

NES.css sólo requiere CSS y no depende de JavaScript.

Soporte de navegadores

NES.css es compatible con las versiones más recientes de los siguientes navegadores.

• Chrome
• Firefox
• Safari

Sin probar

• IE/Edge

Desarrollo

Comandos

git clone git@github.com:BcRikko/NES.css.git
cd NES.css

npm i

npm run watch
npm run build

Run Storybook

npm run storybook

Linting, formatting and building se ejecutan automáticamente en el pre-commit hook. TODO: ビルドはCIでするように変更したい

Directorios

.
├── index.html: Página demo
├── style.css: Estilo de página demo
├── css: Archivos de distribución
├── docs: Storybook stories
└── scss: Código fuente
    ├── base
    │   ├── reboot.scss: ¡No cambiar! (Bootstrap Reboot)
    │   ├── generic.scss: Estilo genérico y reboot.css
    │   └── variables.scss: Variables comunes
    ├── elements
    ├── form
    ├── icons: 16x16 iconos
    ├── pixel-arts: Para iconos que no son 16x16.
    └── utilities

Derechos de autor y licencia

Código y documentación copyright 2018 B.C.Rikko. Código publicado con Licencia MIT. Documentación publicada con Creative Commons.