Merge pull request #33 from owenversteeg/port_less_to_sass_round2

pull over latest Less styling updates to the Sass directory as well as ABCSSifying the Less files and converting input to forms.scss

less/general.less

@@ -1,8 +1,8 @@
 body, textarea, input {
+	background: 0;
+	border-radius: 0;
 	font: 16px sans-serif;
 	margin: 0;
-	border-radius: 0;
-	background: 0;
 }
 
 .smooth {
@@ -24,13 +24,13 @@ body, textarea, input {
 
 @media(min-width:1310px) {
 	.container {
-		width: 1270px;
 		margin: auto;
+		width: 1270px;
 	}
 }
 
 label > * {
-	display:inline
+	display:inline;
 }
 
 form > * {

less/inputs.less

@@ -5,17 +5,18 @@ textarea, input, .addon-front, .btn-sm, .nav a {
 textarea, input {
 	border: 1px solid #ccc;
 	padding: 8px;
+
 	&:focus {
 		border-color: #5ab;
 	}
 }
 
 textarea, input[type='text'] {
-	width: 13em;
 	-webkit-appearance: none; /* make iOS inputs pretty */
+	width: 13em;
 }
 
 .addon-front {
-	padding: 8px 12px;
 	box-shadow: 0 0 0 1px #ccc;
+	padding: 8px 12px;
 }

less/navbar.less

@@ -13,18 +13,18 @@
 }
 
 .nav a {
-	padding-right: 1em;
 	color: #aaa;
-	top: -1px;
+	padding-right: 1em;
 	position: relative;
+	top: -1px;
 }
 
 .btn.btn-close {
 	background: #000;
-	visibility: hidden;
 	float: right;
-	margin-top: -54px;
 	font-size: 25px;
+	margin-top: -54px;
+	visibility: hidden;
 }
 
 .nav .pagename {
@@ -44,27 +44,27 @@
 		margin-top: -11px;
 	}
 	.nav:focus {
+		height: auto;
 		/* Necesary for animations
 		max-height: 500px;
 		height: 100%;
 		*/
-		height: auto;
 	}
 	.nav div:before {
-		content: '';
-		border-top: 3px solid;
+		background: #000;
 		border-bottom: 10px double;
+		border-top: 3px solid;
+		content: '';
 		float: right;
 		height: 4px;
+		position: relative;
 		right: 3px;
 		top: 14px;
 		width: 20px;
-		position: relative;
-		background: #000;
 	}
 	.nav a {
+		display: block;
 		padding: .5em 0;
 		width: 50%;
-		display: block;
 	}
 }

sass/_inputs.scss → sass/_forms.scss

@@ -1,17 +1,17 @@
-@if $import-inputs == true {
+@if $import-forms == true {
 //-------------------------------------------------------------------
-//  Inputs
+//  Form Elements
 //-------------------------------------------------------------------
 
-label > * {
-  display: inline;
-}
-
 form > * {
   display: block;
   margin-bottom: 10px;
 }
 
+label > * {
+  display: inline;
+}
+
 input, textarea {
   @extend %shared-font-size;
   border: 1px solid $c-grey;

sass/_general.scss

@@ -4,28 +4,28 @@
 
 body,
 textarea, input {
+  background: 0;
+  border-radius: 0;
   font: 16px sans-serif;
   margin: 0;
-  border-radius: 0;
 }
 
 * {
   outline: 0;
 }
 
-
 // apply a smooth transition effect to an element's state change
 .smooth {
   transition: all .2s;
 }
 
 .container {
-  margin: auto;
-  width: 1270px;
+  margin: 0 20px;
+  width: auto;
 
-  @media(max-width:1310px) {
-    margin: 0 20px;
-    width: auto;
+  @media(min-width:1310px) {
+    margin: auto;
+    width: 1270px;
   }
 }
 
@@ -41,5 +41,5 @@ textarea, input {
 
 // shared smaller text size
 %shared-font-size {
-  font-size: .9em;
+  font-size: 14px;
 }

sass/_grid.scss

@@ -8,7 +8,7 @@
 //-------------------------------------------------------------------
 
 .row {
-  margin-top: 2%;
+  margin: 1% 0;
   overflow: auto; // needed for proper formed layout
 }
 

sass/_table.scss

@@ -12,7 +12,7 @@
   }
 
   tbody>*:nth-child(2n-1) {
-    background: $c-grey; // Shade every other table row
+    background: $c-grey;
     // We use tbody to ensure that we don't shade the heading
     // this preserves the order of the shading
   }

sass/min-master.scss

@@ -17,7 +17,7 @@ $import-headings:                         true!default;
 
 $import-buttons:                          true!default;
 
-$import-inputs:                           true!default;
+$import-forms:                            true!default;
 
 $import-navbar:                           true!default;
 
@@ -40,7 +40,7 @@ $import-ie-hacks:                         false!default;
         'grid',
         'headings',
         'icons',
-        'inputs',
+        'forms',
         'navbar',
         'table',
         'iehacks';