From: marclarr Date: Sun, 30 Mar 2014 03:17:22 +0000 (-0700) Subject: More Complete Box-Sizing X-Git-Tag: v5.2.2~47^2 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F4848%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git More Complete Box-Sizing Firefox is currently at version 29 according to http://caniuse.com/#search=box-sizing and still uses the -moz- prefix. It'd be nice to have a little support for that browser until a later time. It took me quiet some time figuring out why my grid rows didn't work. I'm not sure which mobile versions are supported by Foundation so I included the -webkit- prefix too. --- diff --git a/scss/foundation/components/_global.scss b/scss/foundation/components/_global.scss index 4fd24a45f..cc7d23d63 100644 --- a/scss/foundation/components/_global.scss +++ b/scss/foundation/components/_global.scss @@ -75,7 +75,9 @@ $base-line-height: 150% !default; // // We use this to add box-sizing across browser prefixes @mixin box-sizing($type:border-box) { - box-sizing: $type; + -webkit-box-sizing: $type; // Android < 2.3, iOS < 4 + -moz-box-sizing: $type; // Firefox < 29 + box-sizing: $type; // Chrome, IE 8+, Opera, Safari 5.1 } // @mixins