Initial commit 🎉

fbshipit-source-id: b6fc29740c6875d2e78953b8a7123890a67930f2
Co-authored-by: Sebastian McKenzie <sebmck@fb.com>
Co-authored-by: John Knox <jknox@fb.com>
Co-authored-by: Emil Sjölander <emilsj@fb.com>
Co-authored-by: Pritesh Nandgaonkar <prit91@fb.com>

website/.gitignore

@@ -0,0 +1,11 @@
+node_modules
+.DS_Store
+lib/core/metadata.js
+lib/core/MetadataBlog.js
+website/translated_docs
+website/build/
+website/yarn.lock
+website/node_modules
+
+website/i18n/*
+!website/i18n/en.json

website/blog/2016-03-11-blog-post.md

@@ -0,0 +1,18 @@
+---
+title: Blog Title
+author: Blog Author
+authorURL: http://twitter.com/
+authorFBID: 100002976521003
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus elementum massa eget nulla aliquet sagittis. Proin odio tortor, vulputate ut odio in, ultrices ultricies augue. Cras ornare ultrices lorem malesuada iaculis. Etiam sit amet libero tempor, pulvinar mauris sed, sollicitudin sapien.
+
+<!--truncate-->
+
+Mauris vestibulum ullamcorper nibh, ut semper purus pulvinar ut. Donec volutpat orci sit amet mauris malesuada, non pulvinar augue aliquam. Vestibulum ultricies at urna ut suscipit. Morbi iaculis, erat at imperdiet semper, ipsum nulla sodales erat, eget tincidunt justo dui quis justo. Pellentesque dictum bibendum diam at aliquet. Sed pulvinar, dolor quis finibus ornare, eros odio facilisis erat, eu rhoncus nunc dui sed ex. Nunc gravida dui massa, sed ornare arcu tincidunt sit amet. Maecenas efficitur sapien neque, a laoreet libero feugiat ut.
+
+Nulla facilisi. Maecenas sodales nec purus eget posuere. Sed sapien quam, pretium a risus in, porttitor dapibus erat. Sed sit amet fringilla ipsum, eget iaculis augue. Integer sollicitudin tortor quis ultricies aliquam. Suspendisse fringilla nunc in tellus cursus, at placerat tellus scelerisque. Sed tempus elit a sollicitudin rhoncus. Nulla facilisi. Morbi nec dolor dolor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras et aliquet lectus. Pellentesque sit amet eros nisi. Quisque ac sapien in sapien congue accumsan. Nullam in posuere ante. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin lacinia leo a nibh fringilla pharetra.
+
+Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin venenatis lectus dui, vel ultrices ante bibendum hendrerit. Aenean egestas feugiat dui id hendrerit. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur in tellus laoreet, eleifend nunc id, viverra leo. Proin vulputate non dolor vel vulputate. Curabitur pretium lobortis felis, sit amet finibus lorem suscipit ut. Sed non mollis risus. Duis sagittis, mi in euismod tincidunt, nunc mauris vestibulum urna, at euismod est elit quis erat. Phasellus accumsan vitae neque eu placerat. In elementum arcu nec tellus imperdiet, eget maximus nulla sodales. Curabitur eu sapien eget nisl sodales fermentum.
+
+Phasellus pulvinar ex id commodo imperdiet. Praesent odio nibh, sollicitudin sit amet faucibus id, placerat at metus. Donec vitae eros vitae tortor hendrerit finibus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque vitae purus dolor. Duis suscipit ac nulla et finibus. Phasellus ac sem sed dui dictum gravida. Phasellus eleifend vestibulum facilisis. Integer pharetra nec enim vitae mattis. Duis auctor, lectus quis condimentum bibendum, nunc dolor aliquam massa, id bibendum orci velit quis magna. Ut volutpat nulla nunc, sed interdum magna condimentum non. Sed urna metus, scelerisque vitae consectetur a, feugiat quis magna. Donec dignissim ornare nisl, eget tempor risus malesuada quis.

website/blog/2017-04-10-blog-post-two.md

@@ -0,0 +1,18 @@
+---
+title: New Blog Post
+author: Blog Author
+authorURL: http://twitter.com/
+authorFBID: 100002976521003
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus elementum massa eget nulla aliquet sagittis. Proin odio tortor, vulputate ut odio in, ultrices ultricies augue. Cras ornare ultrices lorem malesuada iaculis. Etiam sit amet libero tempor, pulvinar mauris sed, sollicitudin sapien.
+
+<!--truncate-->
+
+Mauris vestibulum ullamcorper nibh, ut semper purus pulvinar ut. Donec volutpat orci sit amet mauris malesuada, non pulvinar augue aliquam. Vestibulum ultricies at urna ut suscipit. Morbi iaculis, erat at imperdiet semper, ipsum nulla sodales erat, eget tincidunt justo dui quis justo. Pellentesque dictum bibendum diam at aliquet. Sed pulvinar, dolor quis finibus ornare, eros odio facilisis erat, eu rhoncus nunc dui sed ex. Nunc gravida dui massa, sed ornare arcu tincidunt sit amet. Maecenas efficitur sapien neque, a laoreet libero feugiat ut.
+
+Nulla facilisi. Maecenas sodales nec purus eget posuere. Sed sapien quam, pretium a risus in, porttitor dapibus erat. Sed sit amet fringilla ipsum, eget iaculis augue. Integer sollicitudin tortor quis ultricies aliquam. Suspendisse fringilla nunc in tellus cursus, at placerat tellus scelerisque. Sed tempus elit a sollicitudin rhoncus. Nulla facilisi. Morbi nec dolor dolor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras et aliquet lectus. Pellentesque sit amet eros nisi. Quisque ac sapien in sapien congue accumsan. Nullam in posuere ante. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin lacinia leo a nibh fringilla pharetra.
+
+Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin venenatis lectus dui, vel ultrices ante bibendum hendrerit. Aenean egestas feugiat dui id hendrerit. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur in tellus laoreet, eleifend nunc id, viverra leo. Proin vulputate non dolor vel vulputate. Curabitur pretium lobortis felis, sit amet finibus lorem suscipit ut. Sed non mollis risus. Duis sagittis, mi in euismod tincidunt, nunc mauris vestibulum urna, at euismod est elit quis erat. Phasellus accumsan vitae neque eu placerat. In elementum arcu nec tellus imperdiet, eget maximus nulla sodales. Curabitur eu sapien eget nisl sodales fermentum.
+
+Phasellus pulvinar ex id commodo imperdiet. Praesent odio nibh, sollicitudin sit amet faucibus id, placerat at metus. Donec vitae eros vitae tortor hendrerit finibus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque vitae purus dolor. Duis suscipit ac nulla et finibus. Phasellus ac sem sed dui dictum gravida. Phasellus eleifend vestibulum facilisis. Integer pharetra nec enim vitae mattis. Duis auctor, lectus quis condimentum bibendum, nunc dolor aliquam massa, id bibendum orci velit quis magna. Ut volutpat nulla nunc, sed interdum magna condimentum non. Sed urna metus, scelerisque vitae consectetur a, feugiat quis magna. Donec dignissim ornare nisl, eget tempor risus malesuada quis.

website/blog/2017-09-25-testing-rss.md

@@ -0,0 +1,11 @@
+---
+title: Adding RSS Support - RSS Truncation Test
+author: Eric Nakagawa
+authorURL: http://twitter.com/ericnakagawa
+authorFBID: 661277173
+---
+1234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890
+
+This should be truncated.
+<!--truncate-->
+This line should never render in XML.

website/blog/2017-09-26-adding-rss.md

@@ -0,0 +1,10 @@
+---
+title: Adding RSS Support
+author: Eric Nakagawa
+authorURL: http://twitter.com/ericnakagawa
+authorFBID: 661277173
+---
+
+This is a test post.
+
+A whole bunch of other information.

website/blog/2017-10-24-new-version-1.0.0.md

@@ -0,0 +1,8 @@
+---
+title: New Version 1.0.0
+author: Eric Nakagawa
+authorURL: http://twitter.com/ericnakagawa
+authorFBID: 661277173
+---
+
+This blog post will test file name parsing issues when periods are present.

website/core/Footer.js

@@ -0,0 +1,82 @@
+/**
+ * Copyright 2018-present Facebook.
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ * @format
+ */
+
+const React = require('react');
+
+class Footer extends React.Component {
+  docUrl(doc, language) {
+    const baseUrl = this.props.config.baseUrl;
+    return baseUrl + 'docs/' + (language ? language + '/' : '') + doc;
+  }
+
+  pageUrl(doc, language) {
+    const baseUrl = this.props.config.baseUrl;
+    return baseUrl + (language ? language + '/' : '') + doc;
+  }
+
+  render() {
+    return (
+      <footer className="nav-footer" id="footer">
+        <section className="sitemap">
+          <a href={this.props.config.baseUrl} className="nav-home">
+            {this.props.config.footerIcon && (
+              <img
+                src={this.props.config.baseUrl + this.props.config.footerIcon}
+                alt="Sonar mascot"
+                title="I'm a whale not a dolphin!"
+                width="66"
+                height="58"
+              />
+            )}
+          </a>
+          <div>
+            <h5>Docs</h5>
+            <a href="/docs/getting-started.html">Getting Started</a>
+            <a href="/docs/understand.html">Understanding Sonar</a>
+            <a href="/docs/js-setup.html">Creating Plugins</a>
+          </div>
+          <div>
+            <h5>Plugins</h5>
+            <a href="/docs/logs-plugin.html">Log Viewer</a>
+            <a href="/docs/layout-plugin.html">Layout Inspector</a>
+            <a href="/docs/network-plugin.html">Network Inspector</a>
+          </div>
+          <div>
+            <h5>More</h5>
+            <a href="https://twitter.com/fbsonar">Twitter</a>
+            <a href={this.props.config.repoUrl}>GitHub</a>
+            <a
+              className="github-button"
+              href={this.props.config.repoUrl}
+              data-icon="octicon-star"
+              data-count-href="/facebook/sonar/stargazers"
+              data-show-count={true}
+              data-count-aria-label="# stargazers on GitHub"
+              aria-label="Star this project on GitHub">
+              Star
+            </a>
+          </div>
+        </section>
+
+        <a
+          href="https://code.facebook.com/projects/"
+          target="_blank"
+          className="fbOpenSource">
+          <img
+            src={this.props.config.baseUrl + 'img/oss_logo.png'}
+            alt="Facebook Open Source"
+            width="170"
+            height="45"
+          />
+        </a>
+        <section className="copyright">{this.props.config.copyright}</section>
+      </footer>
+    );
+  }
+}
+
+module.exports = Footer;

website/i18n/en.json

@@ -0,0 +1,46 @@
+{
+  "_comment": "This file is auto-generated by write-translations.js",
+  "localized-strings": {
+    "next": "Next",
+    "previous": "Previous",
+    "tagline": "Extensible mobile app debugging",
+    "communicating": "Device Communication",
+    "Device Communication": "Device Communication",
+    "create-plugin": "Mobile Setup",
+    "Mobile Setup": "Mobile Setup",
+    "create-table-plugin": "Create Table Plugin",
+    "Create Table Plugin": "Create Table Plugin",
+    "error-handling": "Error Handling",
+    "Error Handling": "Error Handling",
+    "getting-started": "Getting Started",
+    "Getting Started": "Getting Started",
+    "js-setup": "JavaScript Setup",
+    "JavaScript Setup": "JavaScript Setup",
+    "layout-plugin": "Layout Inspector",
+    "logs-plugin": "Logs",
+    "network-plugin": "Network",
+    "send-data": "Sending Data to Plugins",
+    "Send Data": "Send Data",
+    "stetho": "Stetho Guidance",
+    "Stetho Guidance": "Stetho Guidance",
+    "styling-components": "Styling Components",
+    "Styling Components": "Styling Components",
+    "testing": "Testing",
+    "Testing": "Testing",
+    "ui-components": "UI Components",
+    "UI Components": "UI Components",
+    "understand": "Understanding Sonar",
+    "Understanding Sonar": "Understanding Sonar",
+    "Docs": "Docs",
+    "GitHub": "GitHub",
+    "Using Sonar": "Using Sonar",
+    "Built-in Plugins": "Built-in Plugins",
+    "Plugins: Desktop part": "Plugins: Desktop part",
+    "Plugins: Mobile part": "Plugins: Mobile part"
+  },
+  "pages-strings": {
+    "Help Translate|recruit community translators for your project": "Help Translate",
+    "Edit this Doc|recruitment message asking to edit the doc source": "Edit",
+    "Translate this Doc|recruitment message asking to translate the docs": "Translate"
+  }
+}

website/package.json

@@ -0,0 +1,14 @@
+{
+  "scripts": {
+    "examples": "docusaurus-examples",
+    "start": "docusaurus-start",
+    "build": "docusaurus-build",
+    "publish-gh-pages": "docusaurus-publish",
+    "write-translations": "docusaurus-write-translations",
+    "version": "docusaurus-version",
+    "rename-version": "docusaurus-rename-version"
+  },
+  "devDependencies": {
+    "docusaurus": "^1.0.9"
+  }
+}

website/pages/docs/en/index.js

@@ -0,0 +1,22 @@
+/**
+ * Copyright 2018-present Facebook.
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ * @format
+ */
+
+const React = require('react');
+
+class Docs extends React.Component {
+  render() {
+    return (
+      <script
+        dangerouslySetInnerHTML={{
+          __html: "window.location.href = '/docs/getting-started.html'",
+        }}
+      />
+    );
+  }
+}
+
+module.exports = Docs;

website/pages/en/index.js

@@ -0,0 +1,110 @@
+/**
+ * Copyright 2018-present Facebook.
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ * @format
+ */
+
+const React = require('react');
+
+class Index extends React.Component {
+  render() {
+    return (
+      <div>
+        <div className="splash">
+          <div className="content">
+            <h1>Extensible mobile app&nbsp;debugger</h1>
+            <h2>
+              Sonar is a platform for debugging mobile apps on iOS and Android.
+              Visualize, inspect, and control your apps from a simple desktop
+              interface. Use Sonar as is or extend it using the plugin API.
+            </h2>
+            <div className="row">
+              <a
+                className="btn primary"
+                href="https://www.facebook.com/sonar/public/mac">
+                Download
+              </a>
+              <a className="btn" href="/docs/understand.html">
+                Learn more
+              </a>
+            </div>
+            <img
+              src="/img/splash.png"
+              srcSet="/img/splash.png 1x, /img/splash@2x.png 2x"
+              className="splashScreen"
+            />
+            <div className="shadow" />
+          </div>
+        </div>
+        <div className="content row">
+          <div className="col">
+            <img
+              src="/img/inspector.png"
+              srcSet="/img/inspector.png 1x, /img/inspector@2x.png 2x"
+            />
+          </div>
+          <div className="col">
+            <h4>Tools</h4>
+            <h3>Mobile development</h3>
+            <p>
+              Sonar aims to be your number one companion for mobile app
+              development on iOS and Android. Therefore, we provide a bunch of
+              useful tools including a log viewer, interactive layout inspector,
+              and network inspector.
+            </p>
+            <a className="learnmore" href="/docs/getting-started.html">
+              Learn more
+            </a>
+          </div>
+        </div>
+        <div className="content row">
+          <div className="col">
+            <h4>Plugins</h4>
+            <h3>Extending Sonar</h3>
+            <p>
+              Sonar is built as a platform. In addition to using the tools
+              already included, you can create your own plugins to visualize and
+              debug data from your mobile apps. Sonar takes care of sending data
+              back and forth, calling functions, and listening for events on the
+              mobile app.
+            </p>
+            <a className="learnmore" href="/docs/understand.html">
+              Learn more
+            </a>
+          </div>
+          <div className="col center">
+            <img
+              src="/img/SonarKit.png"
+              srcSet="/img/SonarKit.png 1x, /img/SonarKit@2x.png 2x"
+            />
+          </div>
+        </div>
+        <div className="content row">
+          <div className="col">
+            <img
+              src="/img/plugins.png"
+              srcSet="/img/plugins.png 1x, /img/plugins@2x.png 2x"
+            />
+          </div>
+          <div className="col">
+            <h4>Open Source</h4>
+            <h3>Contributing to Sonar</h3>
+            <p>
+              Both Sonar's desktop app and native mobile SDKs are open-source
+              and MIT licensed. This enables you to see and understand how we
+              are building plugins, and of course join the community and help
+              improve Sonar. We are excited to see what you will build on this
+              platform.
+            </p>
+            <a className="learnmore" href="/docs/js-setup.html">
+              Learn more
+            </a>
+          </div>
+        </div>
+      </div>
+    );
+  }
+}
+
+module.exports = Index;

website/sidebars.json

@@ -0,0 +1,19 @@
+{
+  "docs": {
+    "Using Sonar": ["getting-started", "understand", "stetho"],
+    "Built-in Plugins": ["logs-plugin", "layout-plugin", "network-plugin"],
+    "Plugins: Desktop part": [
+      "js-setup",
+      "communicating",
+      "create-table-plugin",
+      "ui-components",
+      "styling-components"
+    ],
+    "Plugins: Mobile part": [
+      "create-plugin",
+      "send-data",
+      "error-handling",
+      "testing"
+    ]
+  }
+}

website/siteConfig.js

@@ -0,0 +1,40 @@
+/**
+ * Copyright 2018-present Facebook.
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ * @format
+ */
+const repoUrl = 'https://github.com/facebook/sonar';
+
+const siteConfig = {
+  title: 'Sonar' /* title for your website */,
+  tagline: 'Extensible mobile app debugging',
+  url: 'https://fbsonar.com/' /* your website url */,
+  baseUrl: '/' /* base url for your project */,
+  projectName: 'sonar',
+  headerLinks: [
+    {doc: 'getting-started', label: 'Getting Started'},
+    {doc: 'understand', label: 'Docs'},
+    {href: repoUrl, label: 'GitHub'},
+  ],
+  /* path to images for header/footer */
+  headerIcon: 'img/icon.png',
+  footerIcon: 'img/mascot.png',
+  favicon: 'img/icon.png',
+  /* colors for website */
+  colors: {
+    primaryColor: '#121020',
+    secondaryColor: '#121020',
+    accentColor: '#785BA3',
+    actionColor: '#008cf2',
+  },
+  copyright: 'Copyright © ' + new Date().getFullYear() + ' Facebook',
+  highlight: {
+    theme: 'default',
+  },
+  repoUrl,
+  scripts: ['https://buttons.github.io/buttons.js'],
+  stylesheets: [],
+};
+
+module.exports = siteConfig;

website/static/css/custom.css

@@ -0,0 +1,324 @@
+/* your custom css */
+
+body,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: 'San Francisco', -apple-system, BlinkMacSystemFont,
+    '.SFNSText-Regular', 'Helvetica Neue', Helvetica, sans-serif;
+  font-size: 17px;
+  font-weight: 400;
+}
+
+.fixedHeaderContainer header h2 {
+  font-family: 'San Francisco', -apple-system, BlinkMacSystemFont,
+    '.SFNSText-Regular', 'Helvetica Neue', Helvetica, sans-serif;
+  font-size: 17px;
+  font-weight: 400;
+}
+
+.splash {
+  min-height: 700px;
+  background: linear-gradient(#121020, #21233e);
+  text-align: center;
+  color: white;
+  position: relative;
+  overflow: hidden;
+}
+
+.splash h1 {
+  color: white;
+  font-size: 44px;
+  line-height: 100%;
+  margin-top: 15px;
+  margin-bottom: 25px;
+  font-weight: 200;
+  letter-spacing: 1px;
+}
+
+.splash h2 {
+  color: rgba(255, 255, 255, 0.7);
+  font-weight: 300;
+  margin-left: auto;
+  margin-right: auto;
+  margin-bottom: 50px;
+  font-size: 20px;
+  line-height: 140%;
+  max-width: 750px;
+  letter-spacing: 1px;
+}
+
+.splash .btn {
+  color: white;
+  display: inline-block;
+  padding: 7px 20px;
+  border-radius: 6px;
+  margin: 0 10px;
+  border: 1px solid white;
+}
+
+.splash .btn.primary {
+  background-color: #008cf2;
+  border-color: #008cf2;
+}
+
+.splash .shadow {
+  position: absolute;
+  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1), transparent);
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 15px;
+  z-index: 2;
+}
+
+.center {
+  text-align: center;
+}
+
+@keyframes slideIn {
+  0% {
+    transform: translate(-50%, -320px);
+    opacity: 0;
+  }
+  100% {
+    transform: translate(-50%, -360px);
+    opacity: 1;
+  }
+}
+
+.splashScreen {
+  width: 100%;
+  position: absolute;
+  left: 50%;
+  top: 100%;
+  animation: 0.6s ease-out 0.2s 1 slideIn forwards;
+  width: 1116px;
+  max-width: 100%;
+}
+
+.content {
+  max-width: 1000px;
+  margin-left: auto;
+  margin-right: auto;
+  padding: 50px 15px;
+}
+
+.content.row {
+  display: flex;
+  flex-direction: row;
+  margin: 80px auto;
+}
+
+.content .col {
+  flex-basis: 0;
+  flex-grow: 1;
+  padding: 10px 20px;
+  align-self: center;
+}
+
+.col h3 {
+  font-size: 28px;
+  font-weight: 300;
+  margin-bottom: 20px;
+}
+
+.col h4 {
+  font-weight: 500;
+  font-size: 0.8em;
+  opacity: 0.7;
+  text-transform: uppercase;
+}
+
+.col p {
+  opacity: 0.7;
+}
+
+footer.nav-footer {
+  box-shadow: none;
+  background: #121020;
+  font-size: 15px;
+}
+
+nav.toc .toggleNav,
+nav.toc .toggleNav .navGroup.navGroupActive {
+  background: transparent;
+}
+
+nav.toc .toggleNav .navGroup.navGroupActive ul {
+  padding: 0;
+  margin-bottom: 20px;
+}
+
+nav.toc .toggleNav ul li a {
+  margin: 0;
+  font-size: 1em;
+  opacity: 0.7;
+}
+
+nav.toc .toggleNav .navGroup.navGroupActive h3 {
+  background: none;
+  color: inherit;
+  font-weight: 500;
+  padding: 0;
+  margin: 0;
+}
+
+.button {
+  border-radius: 6px;
+  text-transform: none;
+}
+
+.sitemap {
+  width: 100%;
+}
+
+.docsNavContainer {
+  margin-top: 65px;
+}
+
+a.learnmore {
+  display: inline-block;
+  margin-top: 10px;
+  color: $actionColor;
+}
+
+a.learnmore:hover {
+  opacity: 0.7;
+}
+
+nav.toc .toggleNav ul li a.navItemActive {
+  color: $actionColor;
+  opacity: 1;
+}
+
+code,
+pre code {
+  font-size: 0.85em;
+  margin-left: 2px;
+  margin-right: 2px;
+}
+
+pre code {
+  background: none;
+  box-shadow: none;
+  border-left-color: #585760;
+  border-left-width: 3px;
+  margin-left: 0;
+  line-height: 1.4;
+  border-radius: 0;
+}
+
+.mainContainer {
+  font-size: 1em;
+  line-height: 100%;
+}
+
+.mainContainer .wrapper .post h1,
+.mainContainer .wrapper .post h2,
+.mainContainer .wrapper .post h3 {
+  font-weight: 400;
+}
+
+.mainContainer .wrapper .post h2 {
+  font-weight: 300;
+  font-size: 28px;
+}
+
+.mainContainer .wrapper .post h1 {
+  font-weight: 300;
+}
+
+.mainContainer .wrapper .post *:not(h2) + h2,
+.mainContainer .wrapper .post *:not(h2) + h3 {
+  margin-top: 40px;
+}
+
+.mainContainer .wrapper p,
+.blockElement p,
+.mainContainer .wrapper ul li,
+.mainContainer .wrapper ol li {
+  line-height: 1.4;
+}
+
+.mainContainer article a {
+  color: $actionColor;
+}
+
+.mainContainer article a:hover {
+  opacity: 0.8;
+}
+
+footer .sitemap .nav-home,
+footer .fbOpenSource {
+  opacity: 1;
+}
+
+footer iframe {
+  margin-top: 8px;
+}
+
+@media screen and (max-width: 736px) {
+  .docsNavContainer,
+  .docsSliderActive nav.toc .navBreadcrumb {
+    margin-top: 0;
+    background-color: #f5f7f9;
+    border-bottom: 1px solid #d9dde1;
+  }
+
+  nav.toc section .navGroups {
+    padding: 50px 20px 60px;
+  }
+
+  .content.row {
+    flex-direction: column;
+  }
+
+  .splash .splashScreen {
+    margin-top: 20px;
+  }
+
+  .content.row {
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+
+  footer .sitemap {
+    margin: 0;
+  }
+
+  footer .sitemap > div {
+    padding: 20px;
+  }
+
+  .splash h1 {
+    font-size: 36px;
+    margin-top: 0;
+  }
+
+  .fixedHeaderContainer a {
+    margin-left: auto;
+    margin-right: auto;
+    padding-right: 15px;
+  }
+}
+
+@media screen and (max-width: 680px) {
+  .splash .splashScreen {
+    margin-top: 20px;
+    top: 120%;
+  }
+}
+
+@media only screen and (min-width: 736px) {
+  .navigationSlider .slidingNav ul li a {
+    padding-left: 20px;
+    padding-right: 20px;
+  }
+  .navigationSlider .slidingNav ul li:last-child a {
+    padding-right: 0;
+  }
+}