From 54d20da44fbbeda2b96d801cd8df93de933b0d8b Mon Sep 17 00:00:00 2001
From: Barry Clark <barry@barryclark.co>
Date: Mon, 2 Jun 2014 19:10:43 -0400
Subject: * { Box-sizing: Border-box } FTW

---
 scss/_reset.scss | 7 ++++++-
 scss/style.scss  | 2 +-
 style.css        | 7 ++++++-
 3 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/scss/_reset.scss b/scss/_reset.scss
index dce28d6..fcf2bf0 100644
--- a/scss/_reset.scss
+++ b/scss/_reset.scss
@@ -23,7 +23,7 @@ time, mark, audio, video {
 	font: inherit;
 	vertical-align: baseline;
 }
-/* HTML5 display-role reset for older browsers */
+// HTML5 display-role reset for older browsers
 article, aside, details, figcaption, figure, 
 footer, header, hgroup, menu, nav, section {
 	display: block;
@@ -46,3 +46,8 @@ table {
 	border-collapse: collapse;
 	border-spacing: 0;
 }
+// Apply a natural box layout model to all elements
+// from: http://www.paulirish.com/2012/box-sizing-border-box-ftw/
+*, *:before, *:after {
+  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
+}
diff --git a/scss/style.scss b/scss/style.scss
index 9bdbb47..7d51660 100755
--- a/scss/style.scss
+++ b/scss/style.scss
@@ -23,7 +23,7 @@ body {
 .container {
   margin: 0 auto;
   max-width: 740px;
-  //padding: 0 20px;
+  padding: 0 10px;
   width: 100%;
 }
 
diff --git a/style.css b/style.css
index 7123d0b..daa9f20 100644
--- a/style.css
+++ b/style.css
@@ -9,7 +9,6 @@ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockq
   font: inherit;
   vertical-align: baseline; }
 
-/* HTML5 display-role reset for older browsers */
 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
   display: block; }
 
@@ -30,6 +29,11 @@ table {
   border-collapse: collapse;
   border-spacing: 0; }
 
+*, *:before, *:after {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box; }
+
 /*/
 /* BASE RULES
 /*/
@@ -44,6 +48,7 @@ body {
 .container {
   margin: 0 auto;
   max-width: 740px;
+  padding: 0 10px;
   width: 100%; }
 
 h1, h2, h3, h4, h5, h6 {
-- 
cgit v1.2.3