From 2c617eec9cb75541f923873d48666f4cae4dc72e Mon Sep 17 00:00:00 2001
From: Steve <acahir@users.noreply.github.com>
Date: Sat, 26 Jan 2019 16:31:27 -0500
Subject: [PATCH] Modify utility grid classes to be mobile first responsive

Also added minor utility functions.
---
 css/barebones.css | 44 +++++++++++++++++++++++++++-----------------
 1 file changed, 27 insertions(+), 17 deletions(-)

diff --git a/css/barebones.css b/css/barebones.css
index 4772dd4..2f140e0 100644
--- a/css/barebones.css
+++ b/css/barebones.css
@@ -134,32 +134,38 @@ html {
 	grid-template-columns: minmax(200px, 1fr);
 }
 
-/* basic grids */
-.grid-container.fifths {
-	grid-template-columns: repeat(5, 1fr);
-}
-.grid-container.quarters {
-	grid-template-columns: repeat(4, 1fr);
-}
-.grid-container.thirds {
-	grid-template-columns: repeat(3, 1fr);
-}
-.grid-container.halves {
-	grid-template-columns: repeat(2, 1fr);
-}
-.grid-container.full {
-	grid-template-columns: 1fr;
-}
-
 /* grids to 3 columns above mobile sizes */
 @media (min-width: 600px) {
 	.grid-container {
 		grid-template-columns: repeat(3, 1fr);
 		padding: 10px 0;
 	}
+	
+	/* basic grids */
+	.grid-container.fifths {
+		grid-template-columns: repeat(5, 1fr);
+	}
+	.grid-container.quarters {
+		grid-template-columns: repeat(4, 1fr);
+	}
+	.grid-container.thirds {
+		grid-template-columns: repeat(3, 1fr);
+	}
+	.grid-container.halves {
+		grid-template-columns: repeat(2, 1fr);
+	}
+	.grid-container.full {
+		grid-template-columns: 1fr;
+	}
+	
 }
 
 
+
+
+
+
+
 /* Base Styles
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
 html {
@@ -417,6 +423,10 @@ form {
   float: right; }
 .u-pull-left {
   float: left; }
+.u-align-left {
+	text-align: left; }
+.u-align-right {
+	text-align: right; }
 
 
 /* Misc