// ============================================================
//          Buttons                                  
// ------------------------------------------------------------

//**
// Mixin: button-color 
// !!PRIVATE MIXIN
//
// @mixin 		button-color
// @param 		$background-normal {string} Background-Color normal state
// @param 		$border-normal {string} Border Color Normal
// @param 		$font-color {string} Fontcolor Normal 
// @param 		$background-hover {string} Background-Color hover state - can be false
// @param 		$border-hover {string} Border-Color Hover - can be false
// @param 		$fontcolor-hover {string} Font-Color Hover - can be false
// @usage: 		+button-color($background-normal, $border-normal, $fontcolor-normal, $background-hover, $border-hover, $fontcolor-hover)
// 					...
//**
@mixin _button-color($background-normal, $border-normal, $fontcolor-normal, $background-hover, $border-hover, $fontcolor-hover)	
	background-color: $background-normal
	border-color: $border-normal
	color: $fontcolor-normal
	&:hover, &:active, .is-active &
		@if $background-hover != false
			background-color: $background-hover

		@if $border-hover != false
			border-color: $border-hover

		@if $fontcolor-hover != false
			color: $fontcolor-hover

+route(style,theme,child)
	.btn-primary
		+_button-color(nth($btn-c-primary,1),nth($btn-c-primary,2),nth($btn-c-primary,3),nth($btn-c-primary,4),nth($btn-c-primary,5),nth($btn-c-primary,6))

	@if nth($btn-c-secondary,1) != false
		.btn-secondary
			+_button-color(nth($btn-c-secondary,1),nth($btn-c-secondary,2),nth($btn-c-secondary,3),nth($btn-c-secondary,4),nth($btn-c-secondary,5),nth($btn-c-secondary,6))	

	@if nth($btn-c-third,1) != false
		.btn-third
			+_button-color(nth($btn-c-third,1),nth($btn-c-third,2),nth($btn-c-third,3),nth($btn-c-third,4),nth($btn-c-third,5),nth($btn-c-third,6))

	@if nth($btn-c-fourth,1) != false
		.btn-fourth
			+_button-color(nth($btn-c-fourth,1),nth($btn-c-fourth,2),nth($btn-c-fourth,3),nth($btn-c-fourth,4),nth($btn-c-fourth,5),nth($btn-c-fourth,6))

	@if nth($btn-c-fifth,1) != false
		.btn-fifth
			+_button-color(nth($btn-c-fifth,1),nth($btn-c-fifth,2),nth($btn-c-fifth,3),nth($btn-c-fifth,4),nth($btn-c-fifth,5),nth($btn-c-fifth,6))

	@if nth($btn-c-sixth,1) != false
		.btn-sixth
			+_button-color(nth($btn-c-sixth,1),nth($btn-c-sixth,2),nth($btn-c-sixth,3),nth($btn-c-sixth,4),nth($btn-c-sixth,5),nth($btn-c-sixth,6))

	@if nth($btn-c-alert,1) != false
		.btn-alert
			+_button-color(nth($btn-c-alert,1),nth($btn-c-alert,2),nth($btn-c-alert,3),nth($btn-c-alert,4),nth($btn-c-alert,5),nth($btn-c-alert,6))

	@if nth($btn-c-success,1) != false
	.btn-success
		+_button-color(nth($btn-c-success,1),nth($btn-c-success,2),nth($btn-c-success,3),nth($btn-c-success,4),nth($btn-c-success,5),nth($btn-c-success,6))

	@if nth($btn-c-warning,1) != false
		.btn-warning
			+_button-color(nth($btn-c-warning,1),nth($btn-c-warning,2),nth($btn-c-warning,3),nth($btn-c-warning,4),nth($btn-c-warning,5),nth($btn-c-warning,6))
		
	@if nth($btn-c-gray,1) != false
		.btn-gray
			+_button-color(nth($btn-c-gray,1),nth($btn-c-gray,2),nth($btn-c-gray,3),nth($btn-c-gray,4),nth($btn-c-gray,5),nth($btn-c-gray,6))

	@if $btn-border != false
		$count: length($btn-border)
		@for $i from 1 through $count
			.btn-border--#{$i}
				border-style: solid
				border-width: (nth($btn-border,$i) + 0px) !important
	@else
		.btn-border
			border-style: solid
			border-width: 1px !important

	
	.btn-border_no
		border-width: 0 !important

	.btn-glossy
		+background-image(linear-gradient(rgba(#fff, 0.2) 0%, rgba(#fff, 0.2) 50%, rgba(#000, 0) 51%, rgba(#000, 0) 100%))
		&:hover
			+background-image(linear-gradient(rgba(#fff, 0.0) 0%, rgba(#fff, 0.0) 50%, rgba(#000, 0) 51%, rgba(#000, 0) 100%))

	.btn-soft
		+background-image(linear-gradient(rgba(#fff, 0.2) 0%, rgba(#000, 0.1) 100%))
		&:hover
			+background-image(linear-gradient(rgba(#fff, 0.0) 0%, rgba(#000, 0.0) 100%))

	.btn-inset
		+box-shadow(inset 0 1px 2px rgba(0,0,0,0.5))

	.btn-hover
		+box-shadow(0 1px 4px rgba(0,0,0,0.5))

	.btn-inset-t:hover
		+box-shadow(inset 0 1px 2px rgba(0,0,0,0.5))

	.btn-hover-t:hover
		+box-shadow(0 1px 4px rgba(0,0,0,0.5))
			
	.btn-hoverinset
		@extend .btn-hover
		&:hover
			@extend .btn-inset-t:hover

	.btn-insethover
		@extend .btn-inset
		&:hover
			@extend .btn-hover-t:hover

	.btn-textshadow
		+text-shadow(0 1px 1px rgba(0,0,0,0.3))

	.btn-letterpress
		+text-shadow(0 1px 1px rgba(255,255,255,0.4), 0 -1px 1px rgba(0,0,0,0.2))