Correct the outline of search inputs in Safari (necolas#575)

jonathantneal · jonathantneal · commit 2c4e2182e0ed · 2016-04-11T19:35:02.000-04:00
After modifying search input with -webkit-appearance: textfield, the
focus outline is remaining with `outline-offset: 0`, but should be
`-2px` like other textfield inputs.
diff --git a/normalize.css b/normalize.css
@@ -381,11 +381,13 @@ textarea {
 }
 
 /**
- * Correct the odd appearance of search inputs in Chrome and Safari.
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
  */
 
 [type="search"] {
-  -webkit-appearance: textfield;
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
 }
 
 /**

Original file line number	Diff line number	Diff line change
`@@ -381,11 +381,13 @@ textarea {`
`381`	`381`	`}`
`382`	`382`
`383`	`383`	`/**`
`384`		`- * Correct the odd appearance of search inputs in Chrome and Safari.`
	`384`	`+ * 1. Correct the odd appearance in Chrome and Safari.`
	`385`	`+ * 2. Correct the outline style in Safari.`
`385`	`386`	`*/`
`386`	`387`
`387`	`388`	`[type="search"] {`
`388`		`- -webkit-appearance: textfield;`
	`389`	`+ -webkit-appearance: textfield; /* 1 */`
	`390`	`+ outline-offset: -2px; /* 2 */`
`389`	`391`	`}`
`390`	`392`
`391`	`393`	`/**`