The Joomlanauts template framework uses Sass, the syntactically awesome css pre-processor. Sass is incredibly elegant and generates CSS far more efficiently than the Joomla default pre-processor, LESS.

This template is built on an OOCSS framework that attempts to perform two key functions, cleanly separate layout from style and provide a range of reusable CSS objects that can be called upon to add style and layout to any element.

I frequently found myself writing a load of wacky type, oftent within a CMS WYSIWYG editor, simply to visualise the typographic styles I was setting in a live environment.

That game gets real tiresome, real quick, so I made this thing to save myself.