Pokémon GameBoy CSS

Inspired by: https://github.com/nostalgic-css/NES.css

This is a joke CSS-framework and it is not intended for use in production. You can see a demo here. The demo performs poorly on mobile devices or small resolutions.

Using the distribution

1. Copy all the files in the dist/styles directory to styles in your project

2. Append the following include on the page where you want this style:

<link rel="stylesheet" href="./styles/css-pokemon-gameboy.css">

3. See the demo, index.html or .scss-files for all possible classes and effects.

Compile it yourself

Requirments

Ensure you have the Grunt CLI installed: npm install -g grunt-cli

Compiling

1. Run npm installin the root directory (the directory where package.json is located)

2. Run grunt in the root directory to build a distribution

   -OR-

3. Run grunt watch in the root directory to watch for changes in the src directory and automatically build new distributions.

Licenses

The images in this repository are the property of Nintendo. The style is also property of Nintendo.

The code in this repository is Unlicensed, with the exception of used third-party libraries like PrismJs, Grunt, Node and npm. You can view the licenses related to third-parties in LICENSE-3RD-PARTY.txt or on their respective websites.