README-ru.md

July 17, 2021 · View on GitHub

NES.css: NES-style CSS framework

English / 日本語 / 简体中文 / Português

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