mirror_css/nes.css
1
0
Fork 0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-08-31 09:41:47 +02:00
Code Issues Releases Wiki Activity
Files
master
nes.css/.github/README-es.md
BcRikko f05620add6 docs: release update
2019-06-07 11:34:08 +09:00

4.0 KiB
Raw Permalink Blame History

NES.css is a NES-style(8bit-like) CSS Framework.

Gitter Commitizen friendly

Instalación

Hojas de estilo

NES.css se encuentra disponible a través de npm (preferente), Yarn o un CDN.

Vía gestor de paquetes

npm install nes.css
# o
yarn add nes.css

Nuestro package.json contiene metadata adicional bajo las siguientes keys:

  • sass - path to our main Sass source file
  • style - path to our non-minified CSS

Vía CDN

Importa el CSS utiliando un elemento <link />:

<!-- minificado -->
<link href="https://unpkg.com/nes.css@2.2.0/css/nes.min.css" rel="stylesheet" />
<!-- último -->
<link href="https://unpkg.com/nes.css@latest/css/nes.min.css" rel="stylesheet" />
<!-- solo estilo del núcleo -->
<link href="https://unpkg.com/nes.css/css/nes-core.min.css" rel="stylesheet" />

Tipografías

NES.css no contiene ninguna tipografía, pero recomendamos la siguiente lista de tipografías para utilizar junto a la biblioteca.

Idioma Tipografía
(Default) Press Start 2P
Inglés Kongtext
Japonés 美咲フォント
Japonés Nu もち
Coreano 둥근모꼴

Uso

NES.css sólo contiene componentes. Tú tienes que definir tu propio diseño.

La tipografía recomendada para utilizar junto a NES.css es Press Start 2P. Sin embargo, Press Start 2P sólo soporta caracteres latinos. Si utilizas este framework con otro idioma, por favor utiliza otra tipografía. Sigue las instrucciones de Google Fonts acerca de como incluirlas, o simplemente utilizalas como se muestra a continuación:

<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>

Sólo CSS

NES.css sólo requiere de CSS y no depende de JavaScript.

Soporte de navegadores

NES.css es compatible con las versiones más recientes de los siguientes navegadores.

  • Chrome
  • Firefox
  • Safari

Sin probar

  • IE/Edge

Derechos de autor y licencia

Código y documentación copyright 2018 B.C.Rikko. Código publicado con Licencia MIT. Documentación publicada con Creative Commons.

Desarrollo

Si deseas colaborar con el proyecto ¡Recibimos todo tipo de contribuciones! ¡Revisa nuestro CONTRIBUTING-es.md para más información acerca de cómo puedes ayudar a hacer NES.css algo grandioso!