fixed sidebar

docs/themes/coral/layout/partial/head.swig

@@ -5,6 +5,6 @@
   <title>{% if page.title %}{{ page.title }} | {% endif %}{{ config.title }}</title>
   <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
   <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/docsearch.js/2.4.1/docsearch.min.css" integrity="sha256-imGt4ps5hI/tN3Tv+6oUNyaXzZ0AefV47v2Xa3RRVRg=" crossorigin="anonymous">
-  <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700" crossorigin="anonymous">
+  <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700|Material+Icons" crossorigin="anonymous">
   {{ css('css/talk') }}
 </head>

docs/themes/coral/layout/partial/header.swig

@@ -5,7 +5,7 @@
       {% for item in config.sidebar.top %}
       <a target="_blank" rel="nofollow noreferer" alt="{{ item.title }}" href="{{ item.url }}">{{ item.title }}</a>
       {% endfor %}
-      <a href="#" alt="Toggle Sidebar" id="sidebar-toggle">{{ image_tag('images/hamburger.svg') }}</a>
+      <a href="#" alt="Toggle Sidebar" id="sidebar-toggle"><i class="material-icons">menu</i></a>
     </nav>
   </form>
 </header>

docs/themes/coral/source/images/hamburger.svg

@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" class="hamburger" viewBox="0 0 32 32">
-    <rect x="0" y="3" width="32" height="5" rx="3" ry="3"/>
-    <rect x="0" y="14" width="32" height="5" rx="3" ry="3"/>
-    <rect x="0" y="25" width="32" height="5" rx="3" ry="3"/>
-</svg>