Responsify

Reviewed By: danielbuechele Differential Revision: D6998697 fbshipit-source-id: ea15f1b1ce3f518c194dc66169413a92e0d870bc
2018-02-15 06:03:18 -08:00
parent 747c2a4208
commit fb30f7ddcb
6 changed files with 182 additions and 5 deletions
--- a/website/src/templates/index.css
+++ b/website/src/templates/index.css
@@ -77,4 +77,66 @@
  border-radius: 3px;
  padding-left: 3px;
  padding-right: 3px;
-}
+}
+
+@media only screen and (max-width: 1200px) {
+  .playground .Playground {
+    display: none;
+  }
+
+  .playground controls {
+    display: none;
+  }
+}
+
+@media only screen and (max-width: 576px) {
+  .no-playground .markdown {
+    padding-top: 15px;
+  }
+
+  .doc-block .markdown {
+    padding-bottom: 10px;
+  }
+
+  .doc-block .overview {
+    font-size: 12px;
+    font-weight: 600;
+    padding-bottom: 10px;
+  }
+
+  .doc-block h1 {
+    font-size: 32px;
+    font-weight: 400;
+  }
+
+  .doc-block h2 {
+    font-size: 24px;
+    margin-top: 20px;
+  }
+
+  .doc-block h3 {
+    font-size: 16px;
+  }
+
+  .doc-block p {
+    line-height: 160%;
+    font-size: 14px;
+  }
+
+  .doc-block li {
+    font-size: 14px;
+    margin-bottom: 5px;
+  }
+
+  .doc-block .prop {
+    margin-bottom: 10px;
+  }
+
+  .doc-block pre {
+    padding: 5px !important;
+  }
+
+  .doc-block code {
+    font-size: 12px;
+  }
+}