website v2 skeleton

Summary: Sets up a skeleton for the new yoga website using gatsby static site generator allow-large-files Reviewed By: emilsjolander Differential Revision: D6952326 fbshipit-source-id: 7579bc80bec21552689da5b78f3d960910ff13bb
2018-02-12 09:28:31 -08:00
parent b08bd572ef
commit e43bb9da19
49 changed files with 25219 additions and 0 deletions
--- a/website/src/components/Toolbar.css
+++ b/website/src/components/Toolbar.css
@@ -0,0 +1,43 @@
+.Toolbar {
+  border-bottom: 1px solid #dddfe2;
+  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  background: white;
+  height: 50px;
+  padding: 0 10px;
+  padding-bottom: 1px;
+  z-index: 4;
+  display: flex;
+  align-items: center;
+}
+
+.Toolbar .logo {
+  display: flex;
+  height: 100%;
+  align-items: center;
+  text-decoration: none;
+  margin-left: 5px;
+}
+
+.Toolbar a {
+  margin: 0 15px;
+}
+
+.Toolbar h1 {
+  font-size: 20px;
+  margin: 0;
+  padding: 0;
+  margin-left: 3px;
+  white-space: nowrap;
+}
+
+.Toolbar .ToolbarSpacer {
+  flex-grow: 1;
+}
+
+.Toolbar .ToolbarToggle {
+  font-size: 16px;
+}
+
+.Toolbar .ToolbarToggle i {
+  margin-right: 5px;
+}