Intro to less

gistfile1.css

// global colour variables: 
 @blue = #3CF;
 @red = #DF1F45


#content {
	background: #eee;
	padding: 25px;
		
		h2 {
			color: @blue
			border-bottom: 1px solid lighten(@blue, 5%);
				&:hover {
					color: darken(@blue, 5%);
					border-bottom: 1px solid darken(@blue, 10%);
				}
		}

		a { 
			border-bottom: 1px solid #444;
				&:hover {
					border-bottom: 1px solid @red;
				}
		}
}


Instead of: 

#content {
	background: #eee;
	padding: 25px;
}

#content h2 {
	color: #3CF;
	border-bottom: 1px solid #1F7E91;
}

#content h2:hover {
	color: #5CFfee;
	border-bottom: 1px solid #4F2E91;
}


#content a {
	border-bottom: 1px solid #444;
}

#content a:hover {
	border-bottom: 1px solid red;
}