Improve `html` styles

Summary:When the browser is narrower than `.container` or taller than the content, `<html>` `background-color` is visible: <p align="center"> <img src="https://cloud.githubusercontent.com/assets/220979/13725333/ff857572-e863-11e5-92bf-33f8626014cc.png" width="400"> </p> _You can also see this issue if you decrease the browser’s zoom level._ **Changes:** - De-dupe the `html` selector - Move `body` `background-color` to `html` - Remove `body` rule - `html` properties Closes #201 Differential Revision: D3045903 fb-gh-sync-id: 53a4b4f211fb3329f33ed7e1054b51c8fd7d703d shipit-source-id: 53a4b4f211fb3329f33ed7e1054b51c8fd7d703d
facebook · 31fadb27c8dec1f98c3aa48a04812f25679f073e · gscottolson committed with Facebook Github Bot 6 Mar 12, 2016 · Mar 12, 2016 · 31fadb2
1 parent b7a7b55
commit 31fadb27c8dec1f98c3aa48a04812f25679f073e
Unified Split

Showing with 2 additions and 9 deletions.

+2 −9 website/src/draft-js/css/draft.css
@@ -1,15 +1,12 @@
 html {
+  background-color: #fffcfc;
+  color: #484848;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 300;
-  color: #484848;
   line-height: 1.28;
 }
 
-body {
-  background-color: #FFFCFC;
-}
-
 .subHeader {
   font-size: 21px;
   font-weight: 200;
@@ -168,10 +165,6 @@ html * {
   padding: 0;
 }
 
-html {
-  background: #f9f9f9;
-}
-
 .left {
   float: left;
 }