1 Star 0 Fork 0

bear / NES.css

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
README-ru.md 5.43 KB
一键复制 编辑 原始数据 按行查看 历史

NES.css - это CSS фреймворк в стиле NES(8bit)

Gitter Commitizen friendly

Установка

С помощью стилей

NES.css доступен через npm (более предпочтительный), Yarn, или CDN.

Через менеджер пакетов

npm install nes.css
# или
yarn add nes.css

Наш package.json содержит дополнительную информацию в этих полях:

  • sass - Путь до главного Sass файла
  • style - Путь до неминифицированного CSS
AltCSS(sass, scss...)
// style.scss
@import "./node_modules/nes.css/css/nes.css"
JavaScript
// script.js
import "nes.css/css/nes.min.css";

Вам необходимо установить css-загрузчик.

HTML
<!-- index.html -->
<html>
  <head>
    <link rel="stylesheet" href="./node_modules/nes.css/css/nes.min.css">
  </head>
  <body></body>
</html>

Через CDN

Использования через тэг <link />:

<!-- Миницифированные -->
<link href="https://unpkg.com/nes.css@2.3.0/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 もち
Корейский 둥근모꼴
китайский Zpix (最像素)

Использование

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>

Только CSS

Для 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 более крутым!

马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/bear-vic/NES.css.git
git@gitee.com:bear-vic/NES.css.git
bear-vic
NES.css
NES.css
develop

搜索帮助

344bd9b3 5694891 D2dac590 5694891