From 2144cee05bfbec8207c18398a0e006d4fbcd0966 Mon Sep 17 00:00:00 2001
From: dhg <dhgamache@gmail.com>
Date: Mon, 15 Dec 2014 16:25:32 -0800
Subject: [PATCH] changing property order to adhere roughly to
 http://markdotto.com/2011/11/29/css-property-order/

---
 css/skeleton.css | 60 ++++++++++++++++++++++++------------------------
 1 file changed, 30 insertions(+), 30 deletions(-)

diff --git a/css/skeleton.css b/css/skeleton.css
index e3ebdc9..c68035e 100644
--- a/css/skeleton.css
+++ b/css/skeleton.css
@@ -37,15 +37,15 @@
   box-sizing: border-box; }
 .column,        
 .columns { 
-  float: left; 
   width: 100%; 
+  float: left; 
   box-sizing: border-box; }
 
 /* For devices larger than 400px */
 @media (min-width: 400px) {
   .container {
-    padding: 0;
-    width: 85%; }
+    width: 85%;
+    padding: 0; }
 }
 
 /* For devices larger than 550px */
@@ -131,9 +131,9 @@ body {
 /* Typography
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
 h1, h2, h3, h4, h5, h6 { 
-  font-weight: 300;
   margin-top: 0;
-  margin-bottom: 2rem; }
+  margin-bottom: 2rem;
+  font-weight: 300; }
 h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
 h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
 h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
@@ -171,21 +171,21 @@ input[type="submit"],
 input[type="reset"],
 input[type="button"] {
   display: inline-block;
-  background-color: transparent;
-  border-radius: 4px;
+  height: 38px;
+  padding: 0 30px;
   color: #555;
   text-align: center;
   font-size: 11px;
   font-weight: 600;
-  text-decoration: none;
-  cursor: pointer;
-  border: 1px solid #bbb;
-  height: 38px;
   line-height: 38px;
-  padding: 0 30px;
   letter-spacing: .1rem;
   text-transform: uppercase; 
+  text-decoration: none;
   white-space: nowrap;
+  background-color: transparent;
+  border-radius: 4px;
+  border: 1px solid #bbb;
+  cursor: pointer;
   box-sizing: border-box; }
 .button:hover,
 button:hover,
@@ -197,8 +197,8 @@ button:focus,
 input[type="submit"]:focus,
 input[type="reset"]:focus,
 input[type="button"]:focus {
-  border-color: #888;
   color: #333;
+  border-color: #888;
   outline: 0; }
 .button.button-primary,
 button.button-primary,
@@ -206,8 +206,8 @@ input[type="submit"].button-primary,
 input[type="reset"].button-primary,
 input[type="button"].button-primary {
   color: #FFF;
-  border-color: #33C3F0;
-  background-color: #33C3F0; }
+  background-color: #33C3F0;
+  border-color: #33C3F0; }
 .button.button-primary:hover,
 button.button-primary:hover,
 input[type="submit"].button-primary:hover,
@@ -218,9 +218,9 @@ button.button-primary:focus,
 input[type="submit"].button-primary:focus,
 input[type="reset"].button-primary:focus,
 input[type="button"].button-primary:focus {
+  color: #FFF;
   background-color: #1EAEDB;
-  border-color: #1EAEDB;
-  color: #FFF; }
+  border-color: #1EAEDB; }
 
 
 /* Forms
@@ -231,12 +231,12 @@ input[type="text"],
 input[type="password"],
 textarea,
 select {
-  border: 1px solid #D1D1D1;
   height: 36px;
   padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
+  background-color: #fff;
+  border: 1px solid #D1D1D1;
   border-radius: 4px;
-  box-shadow: none;
-  background: #fff; }
+  box-shadow: none; }
 /* Removes awkard default styles on some inputs */
 input[type="email"],
 input[type="search"],
@@ -261,18 +261,18 @@ select:focus {
 label,
 legend {
   display: block;
-  font-weight: 600;
-  margin-bottom: .5rem; }
+  margin-bottom: .5rem;
+  font-weight: 600; }
 fieldset {
-  border-width: 0;
-  padding: 0; }
+  padding: 0;
+  border-width: 0; }
 input[type="checkbox"],
 input[type="radio"] {
   display: inline; }
 label > .label-body {
   display: inline-block;
-  font-weight: normal;
-  margin-left: .5rem; }
+  margin-left: .5rem;
+  font-weight: normal; }
 
 
 /* Lists
@@ -282,8 +282,8 @@ ul {
 ol { 
   list-style: decimal inside; }
 ol, ul {
-  margin-top: 0;
-  padding-left: 0; }
+  padding-left: 0;
+  margin-top: 0; }
 ul ul, 
 ul ol,
 ol ol, 
@@ -300,10 +300,10 @@ code {
   padding: .2rem .5rem;
   margin: 0 .2rem;
   font-size: 90%;
+  white-space: nowrap;
   background: #F1F1F1;
   border: 1px solid #E1E1E1;
-  border-radius: 4px;
-  white-space: nowrap; }
+  border-radius: 4px; }
 pre > code {
   display: block;
   padding: 1rem 1.5rem;