From cb176831b9adb32036e83087f286c0ae6c0eae74 Mon Sep 17 00:00:00 2001 From: Nicolas Gallagher Date: Tue, 7 Feb 2012 10:22:40 +0000 Subject: [PATCH] Remove `hr` and separate some margin normalizations Recommend that people supporting IE6/7 do not use the `hr` element at all. It requires far more work than just normalizing margins. IE6/7 do not collapse margins set on `hr` with margins of pre- or proceeding elements. Separate the margin normalizations for `p` and `pre` from that for `h3`. Despite sharing the same margin value, headings are qualitatively different from these other elements. Both in terms of customisation and debugging using browser tools, it is cleaner to keep the margins of heading separate. --- normalize.css | 40 ++++++++++++++++++---------------------- 1 file changed, 18 insertions(+), 22 deletions(-) diff --git a/normalize.css b/normalize.css index 3d5b684..15a8f81 100644 --- a/normalize.css +++ b/normalize.css @@ -1,4 +1,4 @@ -/*! normalize.css 2012-02-07T05:02 UTC - http://github.com/necolas/normalize.css */ +/*! normalize.css 2012-02-07T10:31 UTC - http://github.com/necolas/normalize.css */ /* ============================================================================= HTML5 display definitions @@ -68,7 +68,7 @@ html { -ms-text-size-adjust: 100%; /* 2 */ } -/* +/* * Addresses font-family inconsistency between 'textarea' and other form elements. */ @@ -133,11 +133,6 @@ h2 { h3 { font-size: 1.17em; -} - -h3, -p, -pre { margin: 1em 0; } @@ -168,23 +163,15 @@ abbr[title] { * Addresses style set to 'bolder' in FF3+, S4/5, Chrome */ -b, -strong { - font-weight: bold; +b, +strong { + font-weight: bold; } blockquote { margin: 1em 40px; } -/* - * Addresses styling not present in IE6/7 - */ - -hr { - margin: 0.5em auto; -} - /* * Addresses styling not present in S5, Chrome */ @@ -202,6 +189,15 @@ mark { color: #000; } +/* + * Addresses margins set differently in IE6/7 + */ + +p, +pre { + margin: 1em 0; +} + /* * Corrects font family set oddly in IE6, S4/5, Chrome * en.wikipedia.org/wiki/User:Davidgothberg/Test59 @@ -327,7 +323,7 @@ img { } /* - * Corrects overflow displayed oddly in IE9 + * Corrects overflow displayed oddly in IE9 */ svg:not(:root) { @@ -416,8 +412,8 @@ input { */ button, -input[type="button"], -input[type="reset"], +input[type="button"], +input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ @@ -495,7 +491,7 @@ textarea { Tables ========================================================================== */ -/* +/* * Remove most spacing between table cells */