From 00c220b1c54bef8bb57362efb5708478db617d96 Mon Sep 17 00:00:00 2001 From: Ram Ratan Maurya Date: Tue, 9 Sep 2014 05:09:46 +0530 Subject: [PATCH] Inherit box-sizing for best practice MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Using inheritance allows easy override on other elements, and also it’s the best practice. --- sass/_reset.scss | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/sass/_reset.scss b/sass/_reset.scss index 4c658074..86b58b7a 100644 --- a/sass/_reset.scss +++ b/sass/_reset.scss @@ -21,11 +21,12 @@ html { overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ + @include box-sizing(border-box); } *, *:before, *:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */ - @include box-sizing(border-box); + @include box-sizing(inherit); } body { background: $color__background-body; /* Fallback for when there is no custom background color defined. */ @@ -69,4 +70,4 @@ a:active { } a img { border: 0; -} \ No newline at end of file +}