Responsive Foundation 6.0.0

Sidebar

Utilities » Mixins TranslateLink

Since: 1.0.0 New Issue

A shorthand mixin for translate. Takes care of browser prefixes for you. You could use transform as well. Accepts two arguments: an amount to translate X by, and an amount to translate Y by.

More info at MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/transform

Examples

Move a callout 10px to the left.
			.callout {
					@include translate( -10px, 0 );
				}
		
Source: _mixins.scss, line 526 View Source