Skip to content

Latest commit

 

History

History
133 lines (93 loc) · 5.43 KB

README-ru.md

File metadata and controls

133 lines (93 loc) · 5.43 KB
Raw

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/[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 もち
Корейский 둥근모꼴
китайский 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 более крутым!