Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Cheatsheet boilerplate. Created for the new lesscss.org website, based on "Shopify Cheat Sheet" by Mark Dunkley
JavaScript
branch: master

README.md

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

Something went wrong with that request. Please try again.