forked from mirror/_s
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:
parent
f136ddd333
commit
00c220b1c5
|
@ -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. */
|
||||||
|
@ -69,4 +70,4 @@ a:active {
|
||||||
}
|
}
|
||||||
a img {
|
a img {
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
|
|
Reference in New Issue