NES.css is a NES-style(8bit-like) CSS Framework.
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 only provides components. You will need to define your own layout.
The default font is Press Start 2P which only supports English characters. When you're using this framework with any language except English, please use another font.
NES.cssはコンポーネントのスタイルのみを提供しています。レイアウトはみなさんが好きなように定義してください。
デフォルトではPress Start 2P
フォントを使っています。英語以外(日本語など)で利用される場合は、別途フォントを読み込んで使ってください。
TODO: 詳細を書く
NES.css only requires CSS and doesn't depend on any JavaScript.
NES.cssはCSSのみで構成されています。JavaScriptは不要です。
NES.css is compatible with the newest version of the following browsers.
次のブラウザの最新バージョンをサポートしています。
- Chrome
- Firefox
- Safari
Untested
未確認
- IE/Edge
git clone [email protected]:BcRikko/NES.css.git
cd NES.css
npm i
npm run watch
npm run build
pre-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 overwrite reboot.css
| |- variables.scss: Common variables
|- elements
|- form
|- icons: For 16x16 icon
|- pixel-arts: For icon other than 16x16 icon.
|- utilities
Code and documentation copyright 2018 B.C.Rikko. Code released under the MIT License. Docs released under Creative Commons.