Home

Getting Started

Main structure

/ 						// Root Directory
	bootstrap/ 				// Twitter Bootstrap
	documentation/				// Documentation
	theme/ 					// Theme Directory
		css/ 				// Default LESS/CSS files
		fonts/				// Fonts
		images/				// Default Images
		scripts/			// Scripts
		skins/				// Skins
			css/<skin>.css 		// Skin CSS files
			less/<skin>.less 	// Skin LESS files

CSS Files

AIR Business Card uses couple of stylesheets to control visual apperance. There are stylesheets from Twitter Bootstrap, default theme stylesheets, skin stylesheets, and plugin stylesheets.

bootstrap/css/<file>.css 		// Twitter Bootstrap Stylesheets
theme/css/<file>.css 			// Default Stylesheets
theme/skins/css/<skin>.css 		// Skin Stylesheets
theme/scripts/<plugin>/css/<file>.css 	// Plugin stylesheets

LESS is MORE

First of all, you may ask: What the <beep> is LESS? Well, LESS is The dynamic stylesheet language.

LESS extends CSS with dynamic behavior such as variables, mixins, operations and functions. LESS runs on both the client-side (Chrome, Safari, Firefox) and server-side, with Node.js and Rhino, but for our purpose, we will use the client-side less.js compiler for FAST and SMART deveopment and for production, we'll convert and minify the LESS files to the regular CSS by using a local compiler, like WinLess.

The LESS files

theme/less/mixins.less 			// Common Mixins
theme/less/style.less 			// Default Stylesheet
theme/skins/less/<skin>.less 		// Skin Stylesheet

Don't worry! If you never worked with LESS before, we assure you it's not that big of a step from CSS. Actually, after you start working LESS, you'll never look back. Also, it has a really great documentation.

Scripts

AIR Business Card uses many 3rd party plugins & scripts, as well as custom ones. There are scripts from Twitter Bootstrap, jQuery & plugins, Modernizr, custom scripts, etc. They are all located in theme/scripts/. For more information about external scripts reffer to

Documentation

× close

Themer color