diff --git a/normalize.css b/normalize.css index b58f0d3eb..c61c3af2a 100644 --- a/normalize.css +++ b/normalize.css @@ -1,7 +1,11 @@ +/* ============================================================================= + Base + ========================================================================== */ + /* - * Add display for HTML5 elements - * Fixes styling not present in IE6/7/8/9 FF3 -*/ + * Add block display for HTML5 elements + * Corrects block display not defined in IE6/7/8/9 & FF3 + */ article, aside, @@ -13,131 +17,149 @@ header, hgroup, nav, section { - display: block; + display: block; } /* - * Vertical align for display inline block elements - * Improves visual appearance in all browsers -*/ + * Add inline-block display for HTML5 elements + * Corrects inline-block display not defined in IE6/7/8/9 & FF3 + */ audio[controls], -button, canvas, -img, -input, -select, -textarea, video { display: inline-block; *display: inline; - vertical-align: top; *zoom: 1; } /* - * 1. - * Make normal cursor the default for element - * Improves visual focus of page during mouse movement in all browsers - * 2. - * Add vertical scrollbar to element - * Improves page center consistency regardless of content height in all browsers - * 3. - * Remove text size adjust tap color for element - * Fixes tap color displayed oddly in iOS -*/ + * 1. Add normal cursor + * Improves visual focus of page during mouse use in all browsers + * 2. Add vertical scrollbar + * Keeps page centered in all browsers regardless of content height + * 3. Remove tap highlight color + * Improves visual appearance of containers during a delegated click + * www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/ + * 4. Define maximum text display as 100% to document + * Corrects text displayed oddly after orientation change in handheld browsers + * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ + */ html { cursor: default; /* 1 */ overflow-y: scroll; /* 2 */ -webkit-tap-highlight-color: transparent; /* 3 */ + -ms-text-size-adjust: 100%; /* 4 */ + -webkit-text-size-adjust: 100%; /* 4 */ } -/* - * Remove margin and hide overflow from element - * Margin overflow displayed incorrectly in IE6/7 -*/ - -body { - margin: 0; - overflow: hidden; +/* + * 1. Define font as sans serif + * Addresses font family inconsistency between