cheatsheet

Cheatsheet boilerplate. Created for the new lesscss.org website, based on Shopify Cheat Sheet by Mark Dunkley.

npm install cheatsheet
5 downloads in the last week
10 downloads in the last month

Cheatsheet

A UI component from Upstage.

Cheatsheet boilerplate. Created for the new lesscss.org website (planned for later this year!), based on "Shopify Cheat Sheet" by Mark Dunkley.

See the live demo

Getting Started

If you want to modify this component, you may directly edit the source files: .hbs (Handlebars) templates, .json data, and .less. Or if you prefer you can grab the compiled HTML and CSS from gh-pages branch.

To begin working with Cheat Sheet source files:

  • Run npm install to install the depencies listed in package.json
  • Run grunt to build the entire project
  • Run grunt assemble to build the templates
  • Run grunt less to compile LESS files to CSS
  • Run grunt watch to watch source files for changes and re-build continuously

Templates for the cheatsheet are found here: src/templates/**/*.hbs.

Styles for the cheatsheet are found here: src/styles/cheatsheet.less.

Data for the cheatsheet is found here: src/data/cheatsheet.json.

Contributions

Contributions welcome, and to make feature requests or report bugs, visit the Issues.

To request a new component, please visit the Upstage Issues page on GitHub.

Grunt.js + Assemble

Upstage uses Assemble, a Grunt.js plugin that makes it dead simple to build components with HTML, client-side templates, externalized data (JSON/YAML), and LESS.

Bootstrap Drop-in

As with most Upstage components, cheatsheet is designed as a drop-in for Bootstrap, but it can also be used on it's own.

Author

License

MIT Licensed

npm loves you