@mixin transform($transform)
	-webkit-transform: $transform
	-ms-transform: $transform // IE9 only
	-o-transform: $transform
	transform: $transform

@mixin button($buttons)
	@each $button in $buttons
		$class-name:		nth($button, 1)
		$bg-color:			nth($button, 2)
		$bg-color-hover:	nth($button, 3)
		$text-color:		nth($button, 4)
		$text-color-hover:	nth($button, 5)

		.button-#{$class-name}
			@if $text-color != 0
				color: $text-color
			@else
				color: $button-color

			background: $bg-color
			border-color: $bg-color

			&:focus,
			&:hover,
			&:active
				@if $text-color-hover != 0
					color: $text-color-hover
				@else
					color: $button-color

				@if $bg-color-hover == 0
					background: lighten($bg-color, 2%)
					border-color: lighten($bg-color, 2%)
				@else
					background: $bg-color-hover
					border-color: $bg-color-hover