From 672007d332164ad55456da45438642cbfeac5f8e Mon Sep 17 00:00:00 2001 From: Adam Bradley Date: Mon, 26 Aug 2013 15:56:56 -0500 Subject: [PATCH] border-box css --- dist/framework.css | 8 +++++++- scss/framework/structure/_base.scss | 6 ++++++ scss/framework/structure/_panel.scss | 4 ++-- 3 files changed, 15 insertions(+), 3 deletions(-) diff --git a/dist/framework.css b/dist/framework.css index 7b74c9c8dd..a5830ce91a 100644 --- a/dist/framework.css +++ b/dist/framework.css @@ -1,4 +1,9 @@ @charset "UTF-8"; +*, *:before, *:after { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; } + html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } @@ -226,7 +231,8 @@ a.list-item { line-height: 1.3; } /* the page content the panel should move around */ -.panel-page-container { +.panel-page-container > * { + width: 400px; left: 100px; } /* the container of panel content to show */ diff --git a/scss/framework/structure/_base.scss b/scss/framework/structure/_base.scss index 7e0b03c4b7..5472169333 100644 --- a/scss/framework/structure/_base.scss +++ b/scss/framework/structure/_base.scss @@ -1,3 +1,9 @@ +*, *:before, *:after { + -moz-box-sizing: border-box; + -webkit-box-sizing: + border-box; + box-sizing: border-box; + } // Make sure iOS Safari doesn't scale fonts on orientation changes html { diff --git a/scss/framework/structure/_panel.scss b/scss/framework/structure/_panel.scss index e29009152e..950acffcdc 100644 --- a/scss/framework/structure/_panel.scss +++ b/scss/framework/structure/_panel.scss @@ -1,8 +1,8 @@ /* the page content the panel should move around */ -.panel-page-container { - +.panel-page-container > * { + width: 400px; left: 100px; }