From ae8afed13baa912e7beeda2c320fd73a883dd26e Mon Sep 17 00:00:00 2001 From: Nicolas Gallagher Date: Tue, 31 May 2011 05:33:24 -0700 Subject: [PATCH 001/268] Make tap-highlight-color fix work for Android devices. Fix #2 --- normalize.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/normalize.css b/normalize.css index 4c3335a18..e2c749a68 100644 --- a/normalize.css +++ b/normalize.css @@ -37,7 +37,7 @@ video { /* * 1. Add vertical scrollbar to element * Keeps page centred in all browsers regardless of content height - * 2. Remove iOS tap highlight color to prevent entire container being highlighted + * 2. Remove Android and iOS tap highlight color to prevent entire container being highlighted * www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/ * 3. Remove iOS text size adjust without disabling user zoom * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ @@ -45,7 +45,7 @@ video { html { overflow-y: scroll; /* 1 */ - -webkit-tap-highlight-color: transparent; /* 2 */ + -webkit-tap-highlight-color: rgba(0,0,0,0); /* 2 */ -webkit-text-size-adjust: 100%; /* 3 */ -ms-text-size-adjust: 100%; } From 94bf35d61c795cc6148a3324b1255ed959be020d Mon Sep 17 00:00:00 2001 From: Nicolas Gallagher Date: Tue, 31 May 2011 06:46:59 -0700 Subject: [PATCH 002/268] Remove input[type="search"] WebKit decoration from Safari and Chrome in OSX, corrects excess inner padding. Fix #3 --- normalize.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/normalize.css b/normalize.css index e2c749a68..4f5a48b14 100644 --- a/normalize.css +++ b/normalize.css @@ -363,6 +363,14 @@ input[type="search"] { box-sizing: content-box; } +/* + * Remove WebKit search decoration + * Addresses inner padding displaying oddly in S5 Chrome on OSX + */ +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + /* * Fix inner padding and border displayed in FF3/4 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ From 410b484a54d7341b302c258108188767c20825c7 Mon Sep 17 00:00:00 2001 From: Nicolas Gallagher Date: Tue, 31 May 2011 08:42:29 -0700 Subject: [PATCH 003/268] Include link to Procssor for those who want a different CSS formatting style --- README.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/README.md b/README.md index b7c810ccf..c1e84d028 100644 --- a/README.md +++ b/README.md @@ -7,6 +7,8 @@ CSS normalization is distinct from CSS resets. It tackles common cross-browser i The `normalize.css` file is not intended to be a mysterious "black box" that is included in a project and then ignored. It is heavily commented to help expose the purpose of specific styles. You are encouraged to edit, customise, add to, and remove rulesets in order to meet the design requirements of a project. +If you prefer to use a different CSS formatting style, consider using a tool like [Procssor](http://procssor.com/). + Browser support ----------- From 4bf81bb8246c3c63b8397ce980262fca5e2ff503 Mon Sep 17 00:00:00 2001 From: necolas Date: Tue, 31 May 2011 20:44:55 +0100 Subject: [PATCH 004/268] Minor change to
 etc font-family. Set
 {display:inline-block} only for audio[controls].

---
 normalize.css | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/normalize.css b/normalize.css
index 4f5a48b14..bfe564fa7 100644
--- a/normalize.css
+++ b/normalize.css
@@ -23,7 +23,7 @@ section {
  * Display not defined in IE6/7/8/9 & FF3
  */
 
-audio,
+audio[controls],
 canvas,
 video {
     display: inline-block;
@@ -163,7 +163,7 @@ mark {
 }
 
 /*
- * Redeclare monospace font family to 
    elements
+ * Redeclare monospace font family for 
    elements
  *   en.wikipedia.org/wiki/User:Davidgothberg/Test59
  * 1. Fixes font family set oddly in S5 Chrome
  * 2. Fixes monospace font family set oddly in IE6
@@ -174,7 +174,7 @@ code,
 kbd,
 samp {
     font-family: monospace, monospace; /* 1 */
-    _font-family: 'Courier New', monospace, monospace; /* 2 */
+    _font-family: 'Courier New', monospace; /* 2 */
     font-size: 1em;
 }
 
@@ -367,6 +367,7 @@ input[type="search"] {
  * Remove WebKit search decoration
  * Addresses inner padding displaying oddly in S5 Chrome on OSX
  */
+
 input[type="search"]::-webkit-search-decoration {
     -webkit-appearance: none;
 }

From ce0c3469e040b4d88663b03d1325cc274e35d4c9 Mon Sep 17 00:00:00 2001
From: necolas 
Date: Tue, 31 May 2011 23:06:06 +0100
Subject: [PATCH 005/268] Minor changes to properties and values that could be
 shortened. Improve comment language and change section-comment format (via
 Jonathan Neal).

---
 normalize.css | 157 +++++++++++++++++++++++++++++---------------------
 1 file changed, 91 insertions(+), 66 deletions(-)

diff --git a/normalize.css b/normalize.css
index bfe564fa7..0920df2db 100644
--- a/normalize.css
+++ b/normalize.css
@@ -1,8 +1,10 @@
-/* ============================================================================================================= HTML5 ELEMENT DISPLAY */
+/* =============================================================================
+   HTML5 element display
+   ========================================================================== */
 
 /*
  * Add display for block-level HTML5 elements
- * Display not defined in IE6/7/8/9 & FF3
+ * Addresses display not defined in IE6/7/8/9 & FF3
  */
 
 article,
@@ -20,7 +22,7 @@ section {
 
 /*
  * Add display for embedded HTML5 elements
- * Display not defined in IE6/7/8/9 & FF3
+ * Addresses display not defined in IE6/7/8/9 & FF3
  */
 
 audio[controls],
@@ -32,15 +34,17 @@ video {
 }
 
 
-/* ============================================================================================================= BASE STYLES & FIXES */
+/* =============================================================================
+   Base
+   ========================================================================== */
 
 /*
- * 1. Add vertical scrollbar to  element
- *      Keeps page centred in all browsers regardless of content height
+ * 1. Add vertical scrollbar
+ *    Keeps page centred in all browsers regardless of content height
  * 2. Remove Android and iOS tap highlight color to prevent entire container being highlighted
- *      www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
+ *    www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
  * 3. Remove iOS text size adjust without disabling user zoom
- *      www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
+ *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
  */
 
 html {
@@ -51,9 +55,9 @@ html {
 }
 
 /*
- * 1. Define the base font-size of choice; set in % or em to retain text resizing in IE6/7
- * 2. Define the base line-height of choice.
- * 3. Remove margin from  element
+ * 1. Define the base font-size (using % or em will retain text resizing in IE6/7)
+ * 2. Define the base line-height.
+ * 3. Remove margin
  */
 
 body {
@@ -63,8 +67,8 @@ body {
 }
 
 /* 
- * Define the base font-family and text color for  and form elements
- * Fixes font-family inconsistency between 
                 
-                
+
diff --git a/normalize.css b/normalize.css index f3b94b2c7..57b2b3770 100644 --- a/normalize.css +++ b/normalize.css @@ -1,4 +1,4 @@ -/*! normalize.css 2011-06-21T02:22 http://github.com/necolas/normalize.css */ +/*! normalize.css 2011-06-21T18:23 UTC · http://github.com/necolas/normalize.css */ /* ============================================================================= HTML5 element display @@ -77,17 +77,6 @@ textarea { font-family: sans-serif; } -/* - * 1. Removes border when inside 'a' element in IE6/7/8/9 - * 2. Improves image quality when scaled in IE7 - * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ - */ - -img { - border: 0; /* 1 */ - -ms-interpolation-mode: bicubic; /* 2 */ -} - /* ============================================================================= Links @@ -251,6 +240,30 @@ nav ol { } +/* ============================================================================= + Embedded content + ========================================================================== */ + +/* + * 1. Removes border when inside 'a' element in IE6/7/8/9 + * 2. Improves image quality when scaled in IE7 + * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ + */ + +img { + border: 0; /* 1 */ + -ms-interpolation-mode: bicubic; /* 2 */ +} + +/* + * Corrects overflow displayed oddly in IE9 + */ + +svg:not(:root) { + overflow: hidden; +} + + /* ============================================================================= Figures ========================================================================== */ From 7372f5025064ec2617a04daea16393da30d359bd Mon Sep 17 00:00:00 2001 From: Nicolas Gallagher Date: Mon, 27 Jun 2011 12:09:33 -0700 Subject: [PATCH 022/268] Very minor copy typo fix and `zoom` property change. --- normalize.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/normalize.css b/normalize.css index 57b2b3770..3e9a82157 100644 --- a/normalize.css +++ b/normalize.css @@ -1,4 +1,4 @@ -/*! normalize.css 2011-06-21T18:23 UTC · http://github.com/necolas/normalize.css */ +/*! normalize.css 2011-06-27T20:08 UTC · http://github.com/necolas/normalize.css */ /* ============================================================================= HTML5 element display @@ -31,7 +31,7 @@ canvas, video { display: inline-block; *display: inline; - zoom: 1; + *zoom: 1; } @@ -390,7 +390,7 @@ input::-moz-focus-inner { /* * 1. Removes default vertical scrollbar in IE6/7/8/9 - * 2. Improves readability and aligment in all browsers + * 2. Improves readability and alignment in all browsers */ textarea { From db80311682c9471de5a90af346528cfad6acd225 Mon Sep 17 00:00:00 2001 From: Nicolas Gallagher Date: Tue, 12 Jul 2011 12:22:38 +0200 Subject: [PATCH 023/268] Add