Cheatsheet boilerplate. Created for the new lesscss.org website, based on Shopify Cheat Sheet by Mark Dunkley.
A UI component from Upstage.
See the live demo
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
To begin working with Cheat Sheet source files:
npm installto install the depencies listed in
gruntto build the entire project
grunt assembleto build the templates
grunt lessto compile LESS files to CSS
grunt watchto watch source files for changes and re-build continuously
Templates for the cheatsheet are found here:
Styles for the cheatsheet are found here:
Data for the cheatsheet is found here:
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.
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.
As with most Upstage components, cheatsheet is designed as a drop-in for Bootstrap, but it can also be used on it's own.