From 926e8c7ba9d37526c2be5ce684f8928f7fc6d6cc Mon Sep 17 00:00:00 2001
From: Jack McNicol <jackmcpickle@gmail.com>
Date: Mon, 1 Aug 2016 15:34:03 +0930
Subject: [PATCH] update src to correct lint issue

---
 src/_Blockquote.sass |  2 +-
 src/_Button.sass     | 12 ++++++------
 src/_Code.sass       |  2 +-
 src/_Form.sass       |  8 ++++----
 src/_Grid.sass       | 43 ++++++++++++++++++-------------------------
 5 files changed, 30 insertions(+), 37 deletions(-)

diff --git a/src/_Blockquote.sass b/src/_Blockquote.sass
index 29e5772..1305284 100644
--- a/src/_Blockquote.sass
+++ b/src/_Blockquote.sass
@@ -3,7 +3,7 @@
 // ––––––––––––––––––––––––––––––––––––––––––––––––––
 
 blockquote
-	border-left: 0.3rem solid $color-quaternary
+	border-left: .3rem solid $color-quaternary
 	margin-left: 0
 	margin-right: 0
 	padding: 1rem 1.5rem
diff --git a/src/_Button.sass b/src/_Button.sass
index 7c1763c..27279f9 100644
--- a/src/_Button.sass
+++ b/src/_Button.sass
@@ -33,8 +33,8 @@ input[type='submit']
 
 	&.button-disabled,
 	&[disabled]
-		opacity: .5
 		cursor: default
+		opacity: .5
 
 		&:hover,
 		&:focus
@@ -42,33 +42,33 @@ input[type='submit']
 			border-color: $color-primary
 
 	&.button-outline
-		color: $color-primary
 		background-color: transparent
+		color: $color-primary
 
 		&:hover,
 		&:focus
-			color: $color-secondary
 			background-color: transparent
 			border-color: $color-secondary
+			color: $color-secondary
 
 		&.button-disabled,
 		&[disabled]
 
 			&:hover,
 			&:focus
-				color: $color-primary
 				border-color: inherit
+				color: $color-primary
 
 	&.button-clear
-		color: $color-primary
 		background-color: transparent
 		border-color: transparent
+		color: $color-primary
 
 		&:hover,
 		&:focus
-			color: $color-secondary
 			background-color: transparent
 			border-color: transparent
+			color: $color-secondary
 
 		&.button-disabled,
 		&[disabled]
diff --git a/src/_Code.sass b/src/_Code.sass
index 09e17c2..79cf17b 100644
--- a/src/_Code.sass
+++ b/src/_Code.sass
@@ -6,8 +6,8 @@ code
 	background: $color-tertiary
 	border-radius: .4rem
 	font-size: 86%
-	padding: .2rem .5rem
 	margin: 0 .2rem
+	padding: .2rem .5rem
 	white-space: nowrap
 
 pre
diff --git a/src/_Form.sass b/src/_Form.sass
index 6270d2e..b57ea23 100644
--- a/src/_Form.sass
+++ b/src/_Form.sass
@@ -25,22 +25,22 @@ select
 		outline: 0
 
 select
-	padding: 0.6rem 3rem 0.6rem 1rem
 	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyOSAxNCIgd2lkdGg9IjI5Ij48cGF0aCBmaWxsPSIjZDFkMWQxIiBkPSJNOS40IDMuNmw1IDcgNS4yLTciLz48L3N2Zz4=) center right no-repeat
+	padding: .6rem 3rem .6rem 1rem
 
 	&:focus
 		background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyOSAxNCIgd2lkdGg9IjI5Ij48cGF0aCBmaWxsPSIjOWI0ZGNmIiBkPSJNMTkuNiAzLjZIOS40bDUgNyIvPjwvc3ZnPg==)
 
 textarea
+	min-height: 6.5rem
 	padding-bottom: .6rem
 	padding-top: .6rem
-	min-height: 6.5rem
 
 label,
 legend
+	display: block
 	font-size: 1.6rem
 	font-weight: 700
-	display: block
 	margin-bottom: .5rem
 
 fieldset
@@ -52,6 +52,6 @@ input[type='radio']
 	display: inline
 
 .label-inline
-	font-weight: normal
 	display: inline-block
+	font-weight: normal
 	margin-left: .5rem
diff --git a/src/_Grid.sass b/src/_Grid.sass
index f46489a..08295a4 100644
--- a/src/_Grid.sass
+++ b/src/_Grid.sass
@@ -21,21 +21,15 @@
 	padding: 0
 	width: 100%
 
+	// Larger than mobile screen
+	@media (min-width: 40.0rem)
+		flex-direction: row
+		margin-left: -1.0rem
+		width: calc(100% + 2.0rem)
+
 	&.row-wrap
 		flex-wrap: wrap
 
-	&.row-no-padding
-		padding: 0
-
-		&> .column
-			padding: 0
-
-	// & + .row
-	// 	margin-top: -.5rem
-	// 	padding-top: 0
-
-	// Vertically Align Columns
-	// .row-* vertically aligns every .col in the .row
 	&.row-top
 		align-items: flex-start
 
@@ -51,6 +45,12 @@
 	&.row-baseline
 		align-items: baseline
 
+	&.row-no-padding
+		padding: 0
+
+		&> .column
+			padding: 0
+
 	.column
 		display: block
 		flex: 1
@@ -58,6 +58,10 @@
 		max-width: 100%
 		width: 100%
 
+		@media (min-width: 40.0rem)
+			margin-bottom: inherit
+			padding: 0 1.0rem
+
 		// .column-* vertically aligns an individual .column
 		.col-top
 			align-self: flex-start
@@ -131,7 +135,8 @@
 			flex: 0 0 60%
 			max-width: 60%
 
-		&.column-66, &.column-67
+		&.column-66,
+		&.column-67
 			flex: 0 0 66.6666%
 			max-width: 66.6666%
 
@@ -146,15 +151,3 @@
 		&.column-90
 			flex: 0 0 90%
 			max-width: 90%
-
-// Larger than mobile screen
-@media (min-width: 40.0rem)
-
-	.row
-		flex-direction: row
-		margin-left: -1.0rem
-		width: calc(100% + 2.0rem)
-
-		.column
-			margin-bottom: inherit
-			padding: 0 1.0rem