style.less

/*
Theme Name: Twenty Eleven (LE Edition)
Theme URI: http://wordpress.org/extend/themes/twentyeleven_le
Author: Junaid Ahmed
Author URI: http://www.simpleux.co.uk
Description: Re-define Twenty Eleven in drag and drop; LessCSS compatible Layout Engine Framework.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: le, dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentyeleven
*/

//Default Twenty Eleven Style
@import 'twenty-eleven-default.css';

/*
Grid Support
Layout Engine allow end user to specify columns for blockitem in grid, and by default it uses Twitter Bootstrap standards.
.row => row container
.span4 => 1/3 Column
.span8 => half column
.span12 => Full width
*/
@import 'grid.css';

/*
	Demonstrate different options we can define through css
	also check modify_le_lesscss_settings() in functions.php to see how you can manipulate these settings using php.
	Value defined in lesscss act as default value.
	Remember parser only parse /*** style comments as demonstrated below
	
	An annoated variable can have following properties
	label 			- Label of the field
	id    			- Name of variable like @name
	description		- Description of field. (Not implemented yet)
	group			- Default is 'default'
	choices			- Comma delimited values. (On server side hook you can provide arrays)
	type			- Input type. Default is 'text'. supported values  text, radio, checkbox,color,textarea and image.
	priority   		- priority in rendering. default is 0
*/


/***
Label:Background color
type:color
group: Typography
***/
@color-scheme: rgb(241,241,241);

/***
Label:Text color
type:color
group: Typography
***/
@text-color: rgb(55,55,55);

/***
Label:Link Color
type:color
group: Typography
***/
@link-color: rgb(80%, 15%, 80%);

/***
Label:Heading Color
type:color
group: Typography
***/
@heading-color: rgb(80%, 15%, 80%);


/***
Label:Font family
type:radio
group: Typography
***/
@theme-font: Arial, Helvetica, sans-serif;

/***
Label:Homepage default header
type:image
group: Header
***/
@default-header: 'http://';

//Demonstrating non-css values to use as wordpress settings in header.php

/***
Label:Facebok
type:text
group: Social Networks
***/
@social-facebook: 'http://';

/***
Label:Twitter
type:text
group: Social Networks
***/
@social-twitter: 'http://';


/***
Label:RSS
type:text
group: Social Networks
***/
@social-rss: 'http://';


/***
Label:Checkbox Test
type:checkbox
group: Demonstration
choices: One,Two,Three,Four
***/
@test-checkbox: One;


/***
Label:Select Test
type:select
group: Demonstration
choices: One,Two,Three,Four
***/
@test-select:Two;





//Static
//Fix for Bootstrap grid
[class*="span"]
{
	clear:none;
	min-height:5px;
}

.widget ul
{
	list-style:none;
}

.widget ul ul
{
	list-style:square;
}	

div.row
{
	margin-bottom:15px;
	padding-bottom:15px;
}

#branding
{
	border-top:none;
}

#branding div.row
{
	margin-bottom:0px;
	padding-bottom:0px;
}

#branding hgroup
{
	padding-top:20px;
	margin:0 0 20px 0;
}

#site-titlex
{
	margin-left:0;
}

#site-titlex a
{
    color: #111111;
    font-size: 30px;
    font-weight: bold;
    line-height: 36px;
    text-decoration: none;	
}

.singular .hentry
{
	padding:18px 0 0 0;
	margin:0;
}

.singular .entry-header .entry-meta
{
	top:20px;
}

.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title
{
	width:100%;
	margin:0;
	padding:0;
}

.singular .entry-meta .edit-link a
{
	display:none;
}

//Applying LessCSS
body
{
	background-color:@color-scheme;
	color:@text-color;
	font-family:@theme-font;
}	

a
{
	color:@link-color;
}

h1,
h2,
h3,
h4,
h1 a,
h2 a,
h3 a,
h4 a,
.entry-title,
.entry-title a
{
	color:@heading-color;
}