Responsive Foundation 6.0.0

A mixin for transform. Takes care of browser prefixes for you. You should always use this mixin when writing transform rules to ensure you're compatible with the browsers we support. Supports multiple transforms, just use the same syntax as you would CSS. More info at MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/transform

Examples

Move a callout.

			.callout {
					@include transform( translateX( 100px ) );
				}
		

Move and rotate a callout.

			.callout-selected {
					@include transform(
						translateX( 100px )
						translateY( 20px )
						rotate( 20deg )
					);
				}