Mild Fuzz Mixins

_mixins.scss

@mixin lighter_link($color, $change:20%){
	color: $color;
	&:hover{
		color: lighten($color, $change);
	}
}
@mixin darker_link($color, $change:20%){
	color: $color;
	&:hover{
		color: darken($color, $change);
	}
}
@mixin fill($size: 100%){
	height: $size;
	width: $size;
}
@mixin calc($property, $expression, $fallBack:100%) {
  #{$property}: $fallBack;
  #{$property}: -moz-calc(#{$expression}); 
  #{$property}: -o-calc(#{$expression}); 
  #{$property}: -webkit-calc(#{$expression}); 
  #{$property}: calc(#{$expression}); 
}
@mixin fill-calc($expression){
	@include calc(width, $expression);
	@include calc(height, $expression);
} 


//break points


@mixin footerBreak(){
	@media screen and (max-width: $breakPoint){ @content; }
}
@mixin backgroundGreen(){
	background: rgba($main-green, $alpha);
}



@mixin input-placeholder($color) {
  &.placeholder {
    color: $color; 
	}
  &:-moz-placeholder {
    color: $color; 
	}
  &::-webkit-input-placeholder {
    color: $color; 
	} 
}