Merge pull request #521 from scolsen/master

Adds new Performance Hints page to Performance Guide.

Author: axgillies

_includes/side-nav-fast.html

@@ -2,6 +2,11 @@
    <li><h5 class="doc-side-nav-title">
     <a href="{{ site.baseurl }}/fast/">Performance Guide</a></h5>
    </li>
+   <li>
+     <h6 class="doc-side-nav-list-item">
+       <a href="{{ site.baseurl }}/fast/hints.html">Performance Hints</a>
+     </h6>
+   </li>
    <li><h6 class="doc-side-nav-title">Fast Tips</h6></li>
    {% assign sorted_posts = site.posts | sort: 'order' %}
 

_layouts/base.html

@@ -19,6 +19,9 @@
 
     <!-- Site style using SASS, generated by from style.scss -->
     <link rel="stylesheet" href="{{ site.baseurl }}/css/style.css">
+    {% if page.customcss %}
+    <link rel="stylesheet" href="{{ site.baseurl }}/css/{{page.customcss}}.css">
+    {% endif %}
 
     <!-- Slick styling -->
     <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css"/>

_layouts/perf_hints.html

@@ -0,0 +1,17 @@
+---
+layout: default
+---
+
+{% assign current = page.url | downcase | split: '/' %}
+<div class="container">
+  <div class="row">
+    <div class="col-md-11 nofloat center-block ">
+      <div class="col-sm-1"></div>
+      <div class="col-sm-9 {{ page.type }}">
+        {{ content }}
+      </div>
+      <div id="toc" class="toc col-sm-2"></div>
+    </div>
+  </div>
+</div>
+

css/perf_hints.css

@@ -0,0 +1,28 @@
+/* Reset some styling needed elsewhere */
+    body {
+        margin-right: 0rem !important;
+    }
+
+summary {
+  display: list-item;
+  background: #fafafa;
+  border-bottom: .0625rem #ccc dashed;
+  border-top: .0625rem #ccc dashed;
+  outline: none;
+  padding: .5625rem 0;
+  padding-left: 0.5rem;
+}
+
+.doc-side-nav {
+  display: none;
+}
+
+.markdown ul, .markdown ol {
+  list-style-position: outside;
+}
+
+/* Hide external link icon */
+a.external::after {
+  display: none;
+}
+