elsolenllamas / atomic-styleguide-grunt-sass

Atomic Design Styleguide based on grunt sass

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Atomic Design Styleguide based on grunt sass

The idea of this project is generate a Styleguide following the Atomic Design manifest, with a mobile first approach.

  • Node with Express JS
  • Grunt (as task manager)
  • Handlebars (as template engine)
  • Grunt Sass (to compile sass structure into one css file)

to run this WIP project you need to:
'npm install' to get the node_modules packages,
'bower install' if you want to add Bourbon mixins and Neat.

Then, you can use the command 'grunt', this will generate the .css and run the server

####Atomic Design Structure

_reset
_variables

Atoms
_buttons
_form-elements
_typography
_icons

Molecules
Organisms
Templates
Pages

About

Atomic Design Styleguide based on grunt sass


Languages

Language:CSS 63.6%Language:HTML 19.0%Language:JavaScript 17.4%