Some Foundation 4 Grid extensions

grid-helpers.scss

//
// Simple Styles 
// 
.relative { position:relative; }

.clear { clear:both; }

.clear-reset { clear:none; }

.vert-middle { vertical-align:middle; }
.vert-top { vertical-align:top; }
.vert-bottom { vertical-align:bottom; }


//
// Foundation Grid Enhancements 
// 
.small-0 { display:none; }

// Table-cell the coluns so that you can use vertical-align values.
.row.small-table { display:table; }
[class*="column"].small-table-cell, 
[class*="column"] + .small-table-cell[class*="column"]:last-child,
.small-table-cell[class*="large-"]:not(.large-0) {
	display:table-cell;
	float:none;
}

@media #{$small} {
	.medium-left { float:left !important; }
	.medium-right {	float:right !important; }
	.medium-clear { clear:both !important; }
	.medium-clear-reset { clear:none !important; }
	.medium-0 { display:none; }
	[class*="medium-"]:not(.medium-0) { display:block; }

	.row.medium-table { display:table; }
	[class*="column"].medium-table-cell, 
	[class*="column"] + .medium-table-cell[class*="column"]:last-child,
	.medium-table-cell[class*="large-"]:not(.large-0)  {
		display:table-cell;
		float:none;
	}
}

@media #{$medium} {
	.large-left { float:left !important; }
	.large-right { float:right !important; }
	.large-clear { clear:both !important; }
	.large-clear-reset { clear:none !important; }
	.large-0 { display:none; }
	[class*="large-"]:not(.large-0) { display:block; }

	.row.large-table { display:table; }
	[class*="column"].large-table-cell, 
	[class*="column"] + .large-table-cell[class*="column"]:last-child, 
	.large-table-cell[class*="large-"]:not(.large-0) {
		display:table-cell;
		float:none;
	}
}