NES.css - это CSS фреймворк в стиле NES(8bit)
NES.css доступен через npm (более предпочтительный), Yarn, или CDN.
npm install nes.css
# или
yarn add nes.css
Наш package.json
содержит дополнительную информацию в этих полях:
sass
- Путь до главного Sass файлаstyle
- Путь до неминифицированного CSS
Использования через тэг <link />
:
<!-- Миницифированные -->
<link href="https://unpkg.com/[email protected]/css/nes.min.css" rel="stylesheet" />
<!-- Последние -->
<link href="https://unpkg.com/nes.css@latest/css/nes.min.css" rel="stylesheet" />
<!-- Только основные стили -->
<link href="https://unpkg.com/nes.css/css/nes-core.min.css" rel="stylesheet" />
NES.css не предоставляет никаких шрифтов, но мы поддерживаем следующие шрифты, которые рекомендуются к использованию с этой билиотекой
Язык | Шрифт |
---|---|
По умолчанию | Press Start 2P |
Английский | Kongtext |
Японский | 美咲フォント |
Японский | Nu もち |
Корейский | 둥근모꼴 |
NES.css предоставляет компоненты. Вам нужно будет определить собственный лейаут.
Рекомендуемый для NES.css шрифт - Press Start 2P. Однако, Press Start 2P поддерживает только латинские символы. Когда вы используете NES.css не с английским языком, используйте другой шрифт. Cледуйте инструкции Google Fonts про то, как их использовать или используйте их так:
<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 который вы хотите использовать";
}
</style>
</head>
Для NES.css нужен только CSS и совсем не нужен JavaScript
NES.css совместим с новейшими версяями следующих браузеров:
- Chrome
- Firefox
- Safari
Работоспособность не гарантируется:
- IE/Edge
Código y documentación copyright 2018 B.C.Rikko. Код выпущен под лицензией MIT. Документация выпущена под лицензией Creative Commons.
Мы всегда рады вкладам! Обратите внимание CONTRIBUTING.md
для большего количества деталей о том, как вы можете помочь нам делать NES.css более крутым!