// TYPOGRAPHY
// site-wide typographic rules + values

// 	VARS
// NOTE -- These shouldn't ever be directly applied -- use the mixins (at the bottom)
// 		Employed Weights
@font-weight-extra-light: 200;
@font-weight-light: 300;
@font-weight-normal: 400;
// 		Employed Sizes
@font-size-normal: 0.9rem;
@font-size-medium: 1rem;
@font-size-large: 1.4rem;
@font-size-extra-large: 1.8rem;

//	TYPEFACES
// 		Font Awesome
@font-face {
	font-family: 'Font Awesome';
	font-style: normal;
	font-weight: @font-weight-normal;
	src: url('assets/fonts/font-awesome.woff') format('woff');

	// NOTE -- Implementation is a bit non-standard
	// To implement you apply the `fa` class to the element + copy/paste the character into the contents of the element
	// the `i` tag already has the `fa` class applied globally
	// Example:
	//
	//		<i></i>
	//
	// You'll need to have the font-awesome TTF installed locally in order to see the characters locally in your IDE/editor
	// Depending on the IDE/Editor you use, you'll also have to include Font Awesome explicitely
	// Example:
	// IntelliJ Idea (and all inheriting IDEs) suppor the fonts out of the box so long as they're installed on the host system
	// Atom requires you to edit the stylesheets for inclusion of the font-family,
	// Example:
	// 		atom-text-editor {
	//  		font-family: '<primary editor font>', 'FontAwesome';
	// 		}
	//
	// Helpful: full list of unicode characters: http://fontawesome.io/cheatsheet/
}

//		Source Sans Pro
//      	Extra Light
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: @font-weight-extra-light;
	src: url('assets/fonts/source-sans-pro-extra-light.woff') format('woff');
}
//      	Light
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: @font-weight-light;
	src: url('assets/fonts/source-sans-pro-light.woff') format('woff');
}
//      	Regular
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: @font-weight-normal;
	src: url('assets/fonts/source-sans-pro-regular.woff') format('woff');
}

//	MIXINS
.fa {
	font-family: 'Font Awesome';
	font-style: normal; // Since most instances of use are within the `i` tag
	font-weight: @font-weight-normal;
}

.font-defaults {

	.font-size-normal();
	.font-weight-normal();
	.font-color-dark();

	font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, 'Open Sans', sans-serif;
	font-weight: @font-weight-extra-light;
}

//		Weights
.font-weight-extra-light {
	font-weight: @font-weight-extra-light;
}

.font-weight-light {
	font-weight: @font-weight-light;
}

.font-weight-normal {
	font-weight: @font-weight-normal;
}

//		Sizes
.font-size-normal {
	font-size: @font-size-normal;
}

.font-size-medium {
	font-size: @font-size-medium;
}

.font-size-large {
	font-size: @font-size-large;
}

.font-size-extra-large {
	font-size: @font-size-extra-large;
}

//		Colors
.font-color-light {
	color: @color-text-light;
}

.font-color-dark {
	color: @color-text-dark;
}