Responsive Foundation 6.0.0

A deprecated mixin for vertical centering in IE8. This is an older approach that can be used when centering is critical for IE8, such as with branding, or lack of centering will cause usability issues. If neither of these applies, use the newer version, which is simpler, less buggy with regards to positioning, and uses flexbox. With this mixin, you can choose to center all child items, or just a specific selector. You should always try to use the specific selector option where possible to avoid performance issues. This mixin should be used on the parent element of whatever you want to center. Covers vertical centering for IE8 and above; no additional mixins are necessary.

Examples

Center everything in a callout vertically (bad).

			.callout {
					@include vertical-center-child-ie8;
				}
				Center only the callout text in a callout vertically (good).
					.callout {
					@include vertical-center-child-ie8( ".callout-text" );
				}