-
-
Notifications
You must be signed in to change notification settings - Fork 1.7k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Add components dir and split css file (#224)
* refactor: add components directory ref #166 * build: split nes.scss into nes.css and nes-core.css and change npm scripts for build ref #166 * docs(readme.md): add nes-core.css link * docs: add components directory path and minor modification of the document
- Loading branch information
1 parent
15aab67
commit 3eacba9
Showing
19 changed files
with
3,629 additions
and
3,589 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -10,27 +10,35 @@ NES.css 是一款 **NES-风格(8位机)** 的CSS 框架. | |
|
|
||
| ## 安装 | ||
|
|
||
| ### CDN | ||
| #### via package manager | ||
|
|
||
| ```html | ||
| <!-- 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" /> | ||
| ```shell | ||
| npm install nes.css | ||
| # or | ||
| yarn add nes.css | ||
| ``` | ||
|
|
||
| 或者 | ||
| ### via CDN | ||
|
|
||
| ```html | ||
| <!-- non-minified --> | ||
| <link href="https://unpkg.com/nes.css@0.0.2/css/nes.css" rel="stylesheet" /> | ||
| <link href="https://unpkg.com/nes.css@1.0.0/css/nes.min.css" rel="stylesheet" /> | ||
| <!-- latest --> | ||
| <link href="https://unpkg.com/nes.css/css/nes.css" rel="stylesheet" /> | ||
| <!-- core style only --> | ||
| <link href="https://unpkg.com/nes.css/css/nes-core.min.css" rel="stylesheet" /> | ||
| ``` | ||
|
|
||
| ### npm | ||
| ### 推荐字体 | ||
|
|
||
| |Language|Font| | ||
| |----|----| | ||
| |(Default)|[Press Start 2P](https://fonts.google.com/specimen/Press+Start+2P)| | ||
| |English|[Kongtext](https://www.dafont.com/kongtext.font)| | ||
| |Japanese|[美咲フォント](http://www.geocities.jp/littlimi/misaki.htm)| | ||
| |Japanese|[Nu もち](http://kokagem.sakura.ne.jp/font/mochi/)| | ||
| | Korean|[둥근모꼴](http://cactus.tistory.com/193)| | ||
|
|
||
| TODO: npm での使用方法を書く | ||
|
|
||
| ## 使用 | ||
|
|
||
|
|
@@ -50,16 +58,6 @@ NES.css 只提供组件. 你需要定义你自己的布局. | |
| </head> | ||
| ``` | ||
|
|
||
| ### 推荐字体 | ||
|
|
||
| |Language|Font| | ||
| |----|----| | ||
| |(Default)|[Press Start 2P](https://fonts.google.com/specimen/Press+Start+2P)| | ||
| |English|[Kongtext](https://www.dafont.com/kongtext.font)| | ||
| |Japanese|[美咲フォント](http://www.geocities.jp/littlimi/misaki.htm)| | ||
| |Japanese|[Nu もち](http://kokagem.sakura.ne.jp/font/mochi/)| | ||
|
|
||
|
|
||
| ## 只需要CSS | ||
|
|
||
| NES.css 仅仅需要 CSS 而不依赖其他任何 JavaScript. | ||
|
|
@@ -76,55 +74,12 @@ NES.css 与如下浏览器的最新版本兼容. | |
| * IE/Edge | ||
|
|
||
|
|
||
| ## 开发 | ||
|
|
||
| ### 命令 | ||
| ```sh | ||
| git clone [email protected]:BcRikko/NES.css.git | ||
| cd NES.css | ||
|
|
||
| npm i | ||
|
|
||
| npm run watch | ||
| npm run build | ||
| ``` | ||
|
|
||
| #### 运行 Storybook | ||
| ``` | ||
| npm run storybook | ||
| ``` | ||
|
|
||
| 在预提交阶段Linting, 格式化以及构建都会自动运行. | ||
| TODO: ビルドはCIでするように変更したい | ||
|
|
||
| ### 目录结构 | ||
| ```sh | ||
| . | ||
| ├── index.html: Demo page | ||
| ├── style.css: Demo page style | ||
| ├── css: Distribution files | ||
| ├── docs: Storybook stories | ||
| └── 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. | ||
| └── utilities | ||
| ``` | ||
| ## 版权许可 | ||
|
|
||
| 代码以及文档版权 2018 [B.C.Rikko](https://github.com/BcRikko). 代码基于MIT许可发布. 文档基于Creative Commons许可发布. | ||
|
|
||
|
|
||
|
|
||
|
|
||
| [gitter]: https://gitter.im/nostalgic-css/Lobby | ||
| [gitter-badge]: https://img.shields.io/gitter/room/nostalgic-css/Lobby.svg | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.