From 54d20da44fbbeda2b96d801cd8df93de933b0d8b Mon Sep 17 00:00:00 2001 From: Barry Clark Date: Mon, 2 Jun 2014 19:10:43 -0400 Subject: * { Box-sizing: Border-box } FTW --- scss/_reset.scss | 7 ++++++- scss/style.scss | 2 +- 2 files changed, 7 insertions(+), 2 deletions(-) (limited to 'scss') 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%; } -- cgit v1.2.3