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
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 inpackage.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 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.
- Jon Schlinkert, core team member for LESS
- (@jonschlinkert)
MIT Licensed