Skip to content
中文翻译:<BcRikko/NES.css> 任天堂风格(8 像素位)的 CSS 框架. ❤️ 校对
Shell
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore
.mds-list
en.md
readme.md
sync-en.sh

readme.md

BcRikko/NES.css explain translate-svg

「 **任天堂风格(8 像素位)**的 CSS 框架. 」

中文 | english


更新

翻译的原文 与日期 最新更新 更多
commit 2018-12-02 last 中文翻译

贡献

欢迎 👏 勘误/校对/更新贡献 😊 具体贡献请看

生活

If help, buy me coffee —— 营养跟不上了,给我来瓶营养快线吧! 💰


NES.css: NES-style  CSS framework

NES.css 是**任天堂风格(8 像素位)**的 CSS 框架.

安装

CDN

<!-- minify -->
<link
  href="https://bcrikko.github.io/NES.css/css/nes.min.css"
  rel="stylesheet"
/>

OR

<!-- non-minified -->
<link href="https://bcrikko.github.io/NES.css/css/nes.css" rel="stylesheet" />

npm

TODO:

  • 如何在 npm 使用它

使用

NES.css 只提供组件样式,请根据需要定义布局.

默认情况下,Press Start 2P仅支持英文字符,如果您使用的是英语以外的字体(如日语),请使用其他字体.

推荐 Fonts

国家语言 Font
(Default) Press Start 2P
英语 Kongtext
日语 美咲フォント
日语 Nu もち

仅有 CSS

NES.css 只包含 CSS,不需要 JavaScript.

浏览器支持

我们支持以下浏览器的最新版本.

  • Chrome
  • Firefox
  • Safari

未经证实

  • IE/Edge

开发

可执行

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

npm i

npm run watch
npm run build

通过预提交钩子,在提交时 , Lint→format→build 自动运行,文件输出到css目录。

TODO:

  • 我想改为使用 CI 完成的构建

项目结构

.
|- index.html: Demo 页面
|- style.css: Demo 页面样式
|- css: 分发文件
|- scss: 源文件
    |- base
    |   |- reboot.scss: **不要修改!** (Bootstrap Reboot)
    |   |- generic.scss: 通用样式 和 覆盖 reboot.css
    |   |- variables.scss: 常用变量
    |- elements
    |- form
    |- icons: 提供 16x16 icon
    |- pixel-arts: 其他大于 16x16 的 icon.
    |- utilities

Copyright 和 license

代码和文档版权 2018 归,B.C.Rikko所有。根据 MIT 许可证发布的代码.在 Creative Commons 下发布的文档.

You can’t perform that action at this time.