开源软件名称:nostalgic-css/NES.css开源软件地址:https://github.com/nostalgic-css/NES.css开源编程语言:SCSS 79.1%开源软件介绍:NES.css is a NES-style(8bit-like) CSS Framework. InstallationStylesNES.css is available via either npm (preferred), Yarn, or a CDN. via package managernpm install nes.css
# or
yarn add nes.css Our
AltCSS(sass, scss...)// style.scss
@import "./node_modules/nes.css/css/nes.css" JavaScript// script.js
import "nes.css/css/nes.min.css"; You need to install css-loader. HTML<!-- index.html -->
<html>
<head>
<link rel="stylesheet" href="./node_modules/nes.css/css/nes.min.css">
</head>
<body></body>
</html> via CDNImport the CSS via a <!-- minify -->
<link href="https://unpkg.com/nes.css@2.3.0/css/nes.min.css" rel="stylesheet" />
<!-- latest -->
<link href="https://unpkg.com/nes.css@latest/css/nes.min.css" rel="stylesheet" />
<!-- core style only -->
<link href="https://unpkg.com/nes.css/css/nes-core.min.css" rel="stylesheet" /> FontsNES.css doesn't provide any fonts, but we do maintain the following list of fonts that we recommend for usage alongside the library.
UsageNES.css only provides components. You will need to define your own layout. The recommended font for NES.css is Press Start 2P. However, Press Start 2P only supports English characters. When you're using this framework with any language other than English, please use another font. Follow the Google Fonts instructions about how to include them, or simply include it as below: <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> CSS OnlyNES.css only requires CSS and doesn't depend on any JavaScript. Browser SupportNES.css is compatible with the newest version of the following browsers:
Untested
Copyright and licenseCode and documentation copyright 2018 B.C.Rikko. Code released under the MIT License. Docs released under Creative Commons. DevelopmentIf you'd like to help us out with the project, we welcome contributions of all types! Check out our |
2022-08-15
2022-08-17
2022-09-23
2022-08-18
2022-09-04
请发表评论