Responsive Foundation 6.0.0

Clears floats on a container. Use when an element contains floated items and isn't getting the correct height because it doesn't recognize the height of the floated child items. Based on Nicolas Gallagher's micro clearfix. More info: http://nicolasgallagher.com/micro-clearfix-hack/

Examples

Clear degree items in a degree programs panel so the degree programs background is applied properly.

			.degree-programs {
					@extend %clearfix;
					background: $color-grayscale-0;
				}
		
					.degree-item {
					@extend %col-md-quarter;
				}