Center twitter embeds differently. again.

zpao · zpao · commit 407589bd9679 · 2014-02-05T16:23:43.000-08:00
This time, just target the iframe. display: table was weird in webkit.
diff --git a/docs/_css/react.scss b/docs/_css/react.scss
@@ -745,8 +745,7 @@ p code {
   }
 }
 
-// Twitter embeds
-div[data-twttr-id] {
-  margin: auto;
-  display: table;
+// Twitter embeds. Need to !important because they inline margin on the iframe.
+div[data-twttr-id] iframe {
+  margin: 10px auto !important;
 }

Original file line number	Diff line number	Diff line change
`@@ -745,8 +745,7 @@ p code {`
`745`	`745`	`}`
`746`	`746`	`}`
`747`	`747`
`748`		`-// Twitter embeds`
`749`		`-div[data-twttr-id] {`
`750`		`- margin: auto;`
`751`		`- display: table;`
	`748`	`+// Twitter embeds. Need to !important because they inline margin on the iframe.`
	`749`	`+div[data-twttr-id] iframe {`
	`750`	`+ margin: 10px auto !important;`
`752`	`751`	`}`