因为NES.css已经很久没有出版. 此 pkg 发布时使用最新的开发分支来解决一些问题
NES.css是一个 NES 风格( 8 bit- like) CSS框架.
安装
样式
NES.cs通过npm(首选),Yarn,或CDN提供.
通过软件包管理器
npm install nes.css
# or
yarn add nes.css
我们 package.json 以下键下包含一些额外的元数据:
sass- 通往我们的主 Sass 源文件的路径style- 通往我们没有缩小的CSS的道路
AltCSS( ass, scs... ) (英语)
// style.scss
@import "./node_modules/nes.css/css/nes.css"
Java 脚本
// script.js
import "nes.css/css/nes.min.css";
你需要安装 Css-loader .
HTML 语言
<!-- index.html -->
<html>
<head>
<link rel="stylesheet" href="./node_modules/nes.css/css/nes.min.css">
</head>
<body></body>
</html>
通过 CDN
通过 CSS 导入 CSS <link /> 元素 :
<!-- minify -->
<link href="https://unpkg.com/[email protected]/css/nes.min.css" rel="stylesheet" />
<!-- latest -->
<link href="https://unpkg.com/nes.css@latest/css/nes.min.css" rel="stylesheet" />
<!-- core style only -->
<link href="https://unpkg.com/nes.css/css/nes-core.min.css" rel="stylesheet" />
字体
NES.cs不提供任何字体,但我们确实保留了我们推荐与库一起使用的以下字体列表.
| 语言 | 字体 |
|---|---|
| (违约) | 按下启动 2P |
| 联合国 | 金刚文字 |
| 日本语 | 美咲フォント |
| 日本语 | 努 |
| 韩文 | 둥근모꼴 |
| 中文 | Zpix (最像素) |
使用量
NES.cs只提供组件. 您需要定义自己的布局 .
NES.css的建议字体是: 按下启动 2P然而, 按下启动 2P 只支持英语字符。 在使用此框架时,请使用除英语以外的任何语言,请使用其他字体. 遵循 Google 字体 指令 如何纳入,或简单地纳入如下内容:
<head>
<link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet">
<link href="https://unpkg.com/nes.css/css/nes.css" rel="stylesheet" />
<style>
html, body, pre, code, kbd, samp {
font-family: "font-family you want to use";
}
</style>
</head>
只有CSS系统
NES.cs只要求CSS,并不依赖于任何JavaScript.
浏览器支持
NES.cs与以下浏览器的最新版本相兼容: NES.cs
- 颜色
- 火花
- 萨法里
未测试
- 电子/电子
版权和许可证
2018年代码和文件版权 B.C.Rikko(英国)根据麻省理工学院许可证发布的代码。 (原始内容存档于2018-10-21). Docs release under Creative Communitys.
发展
如果你愿意帮助我们完成这个项目,我们欢迎各种捐款! 看看我们 CONTRIBUTING.md 更多关于你如何帮助 让NES.css惊人的细节!