@mixin placeholder {
	&::-webkit-input-placeholder {
		@content
	}
	&:-moz-placeholder {
		@content
	}
	&::-moz-placeholder {
		@content
	}
	&:-ms-input-placeholder {
		@content
	}
}

// Mixins:
//   @ min-screen(width)                      // shortcut for @media screen and (min-width ...)
//   @ max-screen(width)                      // shortcut for @media screen and (max-width ...)
//   @ screen(min-width, max-width)           // shortcut for @media screen and (min-width ...) and (max-width ...)

@mixin screen($resMin, $resMax) {
	@media screen and (min-width: $resMin) and (max-width: $resMax) {
		@content;
	}
}

@mixin max-screen($res) {
	@media screen and (max-width: $res) {
		@content;
	}
}

@mixin min-screen($res) {
	@media screen and (min-width: $res) {
		@content;
	}
}