Magento Style Guide

A styleguide based on the Magento default/blank theme. Provides a reference for the visual output, HTML markup and Scss used in the Magento template.

You can use this as a standalone plugin or extend a frontend scss framework such as Bootstrap or Foundation.

Getting started

You must have node installed, for instructions on this see: http://nodejs.org/

• Clone the repo
• Run npm install in the command line in the cloned directory
• Run grunt to compile Scss/Styleguide

For further reference see:

• grunt-sass - used to compile Scss/Sass.
• sassdown - used to generate styleguide.

Demo

A demo for the styleguide can be seen here.