base.less

@black: #111;
@white: #FEFEFE;

@twitter:#55acee;
@facebook:#3b5998;
@google-plus:#dd4b39;
@linkedin:#007bb5;
@youtube:#b00;
@pinterest:#cb2027;

html{font-size: 62.5%;}
h1 {
	font-size: 40px; font-size: 4.0rem;
}
h2 {
	font-size: 36px; font-size: 3.6rem;
}
h3 {
	font-size: 32px; font-size: 3.2rem;
}
h4 {
	font-size: 28px; font-size: 2.8rem;
}
h5 {
	font-size: 24px; font-size: 2.4rem;
}
h6 {
	font-size: 20px; font-size: 2.0rem;
}
p, label, li {
	font-size: 16px; font-size: 1.6rem;
}
.hover-focus-active(@col) {
	&:hover {
		color: @col;
		text-decoration: none;
	}
	&:focus {
		color: @col;
		text-decoration: none;
	}
	&:active {
		color: @col;
		text-decoration: none;
	}
}

.font-size(@size) {
  @px: @size;
  @rem: (@size / 10);
  font-size: ~"@{px}px"; 
  font-size: ~"@{rem}rem";
}

.img-center {
	margin: 0 auto;
	text-align: center;
}
.link-unstyled {
	color: @black;
	text-decoration: none;
	.hover-focus-active(@black);
}

h1 {
	.font-size(48);
}