Responsive Foundation 6.0.0

Sidebar

Utilities » Mixins ScaleLink

Since: 1.0.0 New Issue

A shorthand mixin for scale. Takes care of browser prefixes for you. You could use transform as well. Accepts an amount of degrees to rotate by. More info at MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/transform

Examples

Scale a callout to double its size.
			.callout {
					@include scale( 2 );
				}
		
Scale the height of a filtered item from 0 to the full height when visible.
			.degree-program {
					@include scale( 0, 0 );
		
					&.visible {
						@include scale( 0, 1 );
					}
				}
		
Source: _mixins.scss, line 488 View Source