/**
 * mixins
 *
 * @section mixins
 */

@mixin transition($transition: all .5s) {
	-webkit-transition:$transition;
	-moz-transition:$transition;
	transition:$transition;
}

@mixin placeholder($color) {
	&::-webkit-input-placeholder {
		color: $color;
	}
	&:-moz-placeholder { // Firefox 18-
		color: $color;
	}
	&::-moz-placeholder {  // Firefox 19+
		color: $color;
	}
	&:-ms-input-placeholder {
		color: $color;
	}
}

@mixin box-shadow($shadow) {
    -webkit-box-shadow: $shadow;
       -mox-box-shadow: $shadow;
        -ms-box-shadow: $shadow;
            box-shadow: $shadow;
}
