// -- Clear filters -- //

@mixin clearFilters() {
	-webkit-filter: none;
	filter: none;
}

// -- Desaturate an image -- //
// Note: For best affect, apply to wrapper of image, rather than image itself, especially when combining these mixins

@mixin desaturate() {
	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);
}

// -- Flip an image horizontally -- //
// Note: For best affect, apply to wrapper of image, rather than image itself, especially when combining these mixins

@mixin flip-horizontal() {
    @include transform(scaleX(-1));
    filter: FlipH;
    -ms-filter: "FlipH";
}