NES.css es un Framework CSS Estilo-NES (8bit)
<!-- 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" />TODO: npm での使用方法を書く
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 ü).
| Idioma | Tipografía |
|---|---|
| (Default) | Press Start 2P |
| Latino | Kongtext |
| Japanese | 美咲フォント |
| Japanese | Nu もち |
NES.css sólo requiere CSS y no depende de JavaScript.
NES.css es compatible con las versiones más recientes de los siguientes navegadores.
- Chrome
- Firefox
- Safari
Sin probar
- IE/Edge
git clone git@github.com:BcRikko/NES.css.git
cd NES.css
npm i
npm run watch
npm run buildnpm run storybook
Linting, formatting and building se ejecutan automáticamente en el pre-commit hook. TODO: ビルドはCIでするように変更したい
.
├── 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.
└── utilitiesCódigo y documentación copyright 2018 B.C.Rikko. Código publicado con Licencia MIT. Documentación publicada con Creative Commons.