zafar-saleem / aura

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Aura is a CSS framework that allows to write Modular & component base CSS, inspired from Smacss (http://smacss.com/). It splits CSS framework into 5 layers as Smacss suggests to split it into 5 but with one exception i.e. the 5th layer here is 'utilities' rather than State(as in Smacss). Feel free to add 'State' layer as 6th layer or swap it with 'utilities'.

Requirements

Aura requires Sass and compass to be installed on your machines in order to use it.

Aura structure

Following are the description of each layer based on Smacss.
  • Base: This layer consists of base rules such as Normalizer.css
  • Layout: It consists of layout related rules such as grid system, header, footer.
  • Modules: All of the modules(button, lightbox) rules goes to this layer.
  • Theme: Theme layer consists of design related rules for modules.
  • Utilities: It consists of decalring global variables and some other Sass rules.

Usage

Simply clone Aura into your project and rename "aura" folder to "styles" or "css" or to your preferred name.

About


Languages

Language:CSS 99.7%Language:JavaScript 0.3%