Inherit box-sizing for best practice

Using inheritance allows easy override on other elements, and also it’s the best practice.
This commit is contained in:
Ram Ratan Maurya 2014-09-09 05:09:46 +05:30
parent f136ddd333
commit 00c220b1c5
1 changed files with 3 additions and 2 deletions

View File

@ -21,11 +21,12 @@ html {
overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */ 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 */ -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/ */ -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, *:before,
*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */ *: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 { body {
background: $color__background-body; /* Fallback for when there is no custom background color defined. */ background: $color__background-body; /* Fallback for when there is no custom background color defined. */