diff --git a/STARTERKIT/sass/_base.scss b/STARTERKIT/sass/_base.scss index 374baf8..f95d746 100644 --- a/STARTERKIT/sass/_base.scss +++ b/STARTERKIT/sass/_base.scss @@ -18,7 +18,15 @@ // These variables are used by many mixins to add additional CSS to support // specific versions of IE or specific vendor prefixes. // -// To turn on support for IE6 or IE7, set those variables to true. +// IE6-7 don't support box-sizing: border-box. We can fix this in 1 of 3 ways: +// - Drop support for IE 6/7. :-) Set $legacy-support-for-ie6 +// and $legacy-support-for-ie7 to false. +// - (Preferred) Install the box-sizing polyfill and set the variable below to +// the absolute path URL to the boxsizing.htc file. +// @see https://github.com/Schepp/box-sizing-polyfill +// $box-sizing-polyfill-path: "/path/to/boxsizing.htc"; +// - Use the same CSS unit for grid and gutter width in resonsive-sidebars.scss +// (use px for both or use % for both) and set the box-sizing variable to content-box. // // Zen does not require special handling for IE8 or later. But Compass uses that // variable for a couple edge cases. We include it for completeness sake. See diff --git a/STARTERKIT/sass/layouts/fixed-width.scss b/STARTERKIT/sass/layouts/fixed-width.scss index 9a6e390..fef082d 100644 --- a/STARTERKIT/sass/layouts/fixed-width.scss +++ b/STARTERKIT/sass/layouts/fixed-width.scss @@ -19,14 +19,10 @@ $zen-gutter-width: 20px; $zen-grid-width: 980px; -// IE6-7 don't support box-sizing: border-box. We can fix this in 1 of 2 ways: -// - (Preferred) Install the box-sizing polyfill and set the variable below to -// the absolute path URL to the boxsizing.htc file. -// @see https://github.com/Schepp/box-sizing-polyfill -// $box-sizing-polyfill-path: "/path/to/boxsizing.htc"; -// - Use the same CSS unit for grid width and gutter width (use px for both or -// use % for both, etc.) and set the box-sizing variable to content-box. - $zen-box-sizing: content-box; +// If you need IE6/7 support for box-sizing: border-box (default), see _base.scss +// Since the same CSS unit for grid width and gutter width are set here +// we can use box-sizing: content-box; without worrying about polyfills. +$zen-box-sizing: content-box; // You can generate more efficient CSS if you manually apply the diff --git a/STARTERKIT/sass/layouts/responsive-sidebars.scss b/STARTERKIT/sass/layouts/responsive-sidebars.scss index d40f684..c87fc61 100644 --- a/STARTERKIT/sass/layouts/responsive-sidebars.scss +++ b/STARTERKIT/sass/layouts/responsive-sidebars.scss @@ -17,17 +17,8 @@ $zen-column-count: 5; $zen-gutter-width: 20px; - -// IE6-7 don't support box-sizing: border-box. We can fix this in 1 of 3 ways: -// - Drop support for IE 6/7. :-) In the _base.scss, set $legacy-support-for-ie6 -// and $legacy-support-for-ie7 to false. -// - (Preferred) Install the box-sizing polyfill and set the variable below to -// the absolute path URL to the boxsizing.htc file. -// @see https://github.com/Schepp/box-sizing-polyfill -// $box-sizing-polyfill-path: "/path/to/boxsizing.htc"; -// - Use the same CSS unit for grid width and gutter width (use px for both or -// use % for both, etc.) and set the box-sizing variable to content-box. -// $zen-box-sizing: content-box; +// If you need IE6/7 support for box-sizing: border-box (default), see _base.scss +//$zen-box-sizing: content-box; // You can generate more efficient CSS if you manually apply the