diff --git a/STARTERKIT/css/html-reset.css b/STARTERKIT/css/html-reset.css index 3a133c1..5c5fcb5 100644 --- a/STARTERKIT/css/html-reset.css +++ b/STARTERKIT/css/html-reset.css @@ -123,6 +123,27 @@ var { } /* + * HTML5 rules for legacy browsers + * + * Corrects for missing block and inline-block display in IE6/7/8/9 and FF3. + */ +article, aside, footer, header, hgroup, nav, section, +details, figcaption, figure, menu, summary { + display: block; +} +audio, +canvas, +video { + display: inline-block; +} +.ie6-7 audio, +.ie6-7 canvas, +.ie6-7 video { + display: inline; + zoom: 1; +} + +/* * Block-level elements * * To achieve a pleasant vertical rhythm, we use the 1.5em line height of our diff --git a/STARTERKIT/sass/html-reset.scss b/STARTERKIT/sass/html-reset.scss index c707584..4828d26 100644 --- a/STARTERKIT/sass/html-reset.scss +++ b/STARTERKIT/sass/html-reset.scss @@ -124,6 +124,28 @@ var { // +// HTML5 rules for legacy browsers +// +// Corrects for missing block and inline-block display in IE6/7/8/9 and FF3. +// +article, aside, footer, header, hgroup, nav, section, +details, figcaption, figure, menu, summary { + display: block; +} +audio, +canvas, +video { + display: inline-block; + @if $legacy-support-for-ie6 or $legacy-support-for-ie7 { + .ie6-7 & { + display: inline; + zoom: 1; + } + } +} + + +// // Block-level elements // // To achieve a pleasant vertical rhythm, we use the 1.5em line height of our