NES.cssは ファミコン風(8bit ライク) なCSSフレームワークです。
<!-- minify -->
<link href="https://unpkg.com/[email protected]/css/nes.min.css" rel="stylesheet" />
<!-- latest -->
<link href="https://unpkg.com/nes.css/css/nes.min.css" rel="stylesheet" />OR
<!-- non-minified -->
<link href="https://unpkg.com/[email protected]/css/nes.css" rel="stylesheet" />
<!-- latest -->
<link href="https://unpkg.com/nes.css/css/nes.css" rel="stylesheet" />TODO: npm での使用方法を書く
NES.cssはコンポーネントのスタイルのみを提供しています。レイアウトはみなさんが好きなように定義してください。
デフォルトではPress Start 2Pフォントを使っています。英語以外（日本語など）で利用される場合は、別途フォントを読み込んで使ってください。
| 言語 | フォント |
|---|---|
| (デフォルト) | Press Start 2P |
| 英語 | Kongtext |
| 日本語 | 美咲フォント |
| 日本語 | Nu もち |
NES.cssはCSSのみで構成されています。JavaScriptは不要です。
次のブラウザの最新バージョンをサポートしています。
- Chrome
- Firefox
- Safari
未確認
- IE/Edge
git clone [email protected]:BcRikko/NES.css.git
cd NES.css
npm i
npm run watch
npm run buildpre-commit hookにより、コミット時に自動でLint→format→buildが走り、cssディレクトリにファイルが出力されます。
TODO: ビルドはCIでするように変更したい
.
├── index.html: Demo page
├── style.css: Demo page style
├── css: Distribution files
└── scss: Source
├── base
│ ├── reboot.scss: Don't change! (Bootstrap Reboot)
│ ├── generic.scss: Generic style and reboot.css
│ └── variables.scss: Common variables
├── elements
├── form
├── icons: 16x16 icons
├── pixel-arts: For icons other than 16x16.
└── utilitiesCode and documentation copyright 2018 B.C.Rikko. Code released under the MIT License. Docs released under Creative Commons.