diff --git a/scss/components/_grid.scss b/scss/components/_grid.scss
index 2626dd4e..48aca40b 100644
--- a/scss/components/_grid.scss
+++ b/scss/components/_grid.scss
@@ -49,12 +49,12 @@ $block-grid-max-size: 6;
 
   @group grid
 
-  @param {string} $direction - Direction of the grid, either horizontal or vertical.
+  @param {string} $orientation - Direction of the grid, either horizontal or vertical.
 
   @output A flex-flow property to match the direction given.
 */
-@mixin grid-orient($direction: horizontal) {
-	@if ($direction == vertical) {
+@mixin grid-orient($orientation: horizontal) {
+	@if ($orientation == vertical) {
 		flex-flow: column nowrap;
 		align-items: stretch;
 	}
@@ -210,14 +210,14 @@ $block-grid-max-size: 6;
 /*
 	Frames are containers that stretch to the full dimmensions of the browser window.
 */
-@mixin grid-frame($size: expand, $vertical: false, $wrap: false, $align: left, $order: 0) {
+@mixin grid-frame($size: expand, $orientation: horizontal, $wrap: false, $align: left, $order: 0) {
 	display: flex;
 	height: 100vh;
 	position: relative;
 	overflow: hidden;
 
 	@include grid-size($size);
-	@include grid-orient($vertical);
+  @include grid-orient($orientation);
 	@include grid-wrap($wrap);
 	@include grid-align($align);
 	@include grid-order($order);
@@ -226,14 +226,14 @@ $block-grid-max-size: 6;
 /*
 	Groups are collections of content items. They're the "rows" of Foundation for Apps.
 */
-@mixin grid-block($size: expand, $vertical: false, $wrap: false, $align: left, $order: 0) {
-	@include grid-frame($size, $vertical, $wrap, $align, $order);
+@mixin grid-block($size: expand, $orientation: horizontal, $wrap: false, $align: left, $order: 0) {
+	@include grid-frame($size, $orientation, $wrap, $align, $order);
 
 	// Reset the height used by frames
 	height: auto;
 
 	// Blocks will scroll by default if their content overflows
-	@if ($vertical) {
+	@if ($orientation == vertical) {
 		overflow-x: auto;
 	}
 	@else {