// mixin
@mixin smallReadFont { font-family: $smallReadFont; }
@mixin readFont { font-family: $readFont; }
@mixin bigFont { font-family: $bigFont; }
@mixin alternateBigFont { font-family: $alternateBigFont; }
@mixin dekoFont { font-family: $dekoFont; }
@mixin magicDefaultFont {
  @include readFont;
  font-size: $magicDefaultFontSize;
  line-height: $magicDefaultLineHight;
}
@mixin sansThin {
	// font-family: 'Open Sans', sans-serif;
	font-family: $magicSans;
	font-weight: $magicSans-font-weight-thin;
}
@mixin sansRegular {
	font-family: $magicSans;
	font-weight: $magicSans-font-weight-regular;
}
@mixin sansSemi {
	font-family: $magicSans;
	font-weight: $magicSans-font-weight-semi;
}
@mixin sansBold {
	font-family: $magicSans;
	font-weight: $magicSans-font-weight-bold;
}
@mixin sansExtra {
	font-family: $magicSans;
	font-weight: $magicSans-font-weight-extra;
}
@mixin sansCondensedThin {
	font-family: $magicCondensedSans;
	font-weight: $magicCondensedSans-font-weight-thin;
}
@mixin sansCondensedBold {
	font-family: $magicCondensedSans;
	font-weight: $magicCondensedSans-font-weight-bold;
}

@mixin handWrittenFont {
	font-family: $magicHandwritten;
	font-weight: $magicHandwritten-font-weight;
}


@mixin no_wrap {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

@mixin antialiased_text {
	// make icons and fonts thinner in webkit (white icons on dark background)
	text-shadow: 0 0 0 rgba(0,0,0,.01);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
}

@mixin inset_font($white: 90, $black: 50) {
	text-shadow: 	unquote(	"1px 1px 0px rgba(255,255,255,.#{$white}),
								0px 1px 0px rgba(255,255,255,.#{$white}),
								1px 0px 0px rgba(255,255,255,.#{$white}),
								-1px -1px 0px rgba(0,0,0,.#{$black}),
								0px -1px 0px rgba(0,0,0,.#{$black}),
								-1px 0px 0px rgba(0,0,0,.#{$black})" );
}

@mixin colored_inset_font($white: rgba(255,255,255,90), $black: rgba(0,0,0,.50) ) {
	text-shadow: 	unquote(	"1px 1px 0 #{$white},
								 0px 1px 0 #{$white},
								 1px 0px 0 #{$white},
								-1px -1px 0 #{$black},
								 0px -1px 0 #{$black},
								-1px 0px 0 #{$black}" 	 );
}

@mixin text_outline( $color: #000, $blur: 1px ) {
	text-shadow:        -1px  1px #{$blur} #{$color}, 
						 0px  1px #{$blur} #{$color}, 
						 1px  0px #{$blur} #{$color}, 
						 1px  1px #{$blur} #{$color}, 
						 1px -1px #{$blur} #{$color}, 
						 0px -1px #{$blur} #{$color}, 
						-1px  0px #{$blur} #{$color}, 
						 1px -1px #{$blur} #{$color};
}

@mixin text_tags {
	h1, h2, h3, h4, h5, h6,
	.h1, .h2, .h3, .h4, .h5, .h6,
	p, span, a {
		@content;
	}
}
@mixin text-tags {
	h1, h2, h3, h4, h5, h6,
	.h1, .h2, .h3, .h4, .h5, .h6,
	p, span, a {
		@content;
	}
}