Using mixins now

styles/content.scarlet

@@ -1,5 +1,4 @@
 #content
-	display flex
-	flex-flow column
+	vertical
 	padding content-padding
 	line-height 1.7em

styles/grid.scarlet

@@ -1,6 +1,5 @@
 .grid
-	display flex
-	flex-flow row wrap
+	horizontal-wrap
 	justify-content center
 
 .grid-cell
@@ -57,10 +56,9 @@
 		border none
 
 .grid-text
+	vertical
 	width 100%
 	height 100%
-	display flex
-	flex-flow column
 	align-items center
 	justify-content center
 	font-size 1rem

styles/layout.scarlet

@@ -1,7 +1,6 @@
 #container
+	vertical
 	height 100%
-	display flex
-	flex-flow column
 
 #header
 	background-color header-color

styles/mixins.scarlet

@@ -0,0 +1,15 @@
+mixin horizontal
+	display flex
+	flex-direction row
+
+mixin horizontal-wrap
+	display flex
+	flex-flow row wrap
+
+mixin vertical
+	display flex
+	flex-direction column
+
+mixin vertical-wrap
+	display flex
+	flex-flow column wrap

styles/navigation.scarlet

@@ -1,6 +1,5 @@
 #navigation
-	display flex
-	flex-flow row
+	horizontal
 	padding 0 content-padding
 	height nav-height
 	overflow hidden