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 */
|
||||
-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;
|
||||
}
|
||||
}
|
||||
|
|
Reference in New Issue