From 27844c650766864aba46584e566639b79f22c0aa Mon Sep 17 00:00:00 2001
From: Yan Zhu <picturepan2@hotmail.com>
Date: Sun, 3 Jun 2018 18:17:42 +0800
Subject: Fix Docs hash linking bug

---
 docs/getting-started.html | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

(limited to 'docs/getting-started.html')

diff --git a/docs/getting-started.html b/docs/getting-started.html
index 4d9f7ee..2665d0c 100644
--- a/docs/getting-started.html
+++ b/docs/getting-started.html
@@ -46,7 +46,7 @@
                   <li class="menu-item"><a href="elements.html#forms">Forms</a></li>
                   <li class="menu-item"><a href="elements.html#icons">Icons</a></li>
                   <li class="menu-item"><a href="elements.html#labels">Labels</a></li>
-                  <li class="menu-item"><a href="elements.html#codes">Codes</a></li>
+                  <li class="menu-item"><a href="elements.html#code">Code</a></li>
                   <li class="menu-item"><a href="elements.html#media">Media</a></li>
                 </ul>
               </div>
@@ -129,14 +129,14 @@
       </div><a class="off-canvas-overlay" href="#close"></a>
       <div class="off-canvas-content">
         <div class="docs-content" id="content">
-          <div class="container">
-            <h3 class="s-title" id="introduction"><a class="anchor" href="#introduction" aria-hidden="true">#</a>Introduction</h3>
+          <div class="container" id="introduction">
+            <h3 class="s-title"><a class="anchor" href="#introduction" aria-hidden="true">#</a>Introduction</h3>
             <p> <strong>Spectre.css </strong>is a lightweight, responsive and modern CSS framework for faster and extensible development.</p>
             <p>
                Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.</p>
           </div>
-          <div class="container">
-            <h3 class="s-title" id="installation"><a class="anchor" href="#installation" aria-hidden="true">#</a>Installation</h3>
+          <div class="container" id="installation">
+            <h3 class="s-title"><a class="anchor" href="#installation" aria-hidden="true">#</a>Installation</h3>
             <p>There are 5 ways to get started with Spectre CSS framework in your projects. You can either install manually, from CDN or use package managers.</p>
             <h4 class="s-subtitle" id="install-manually"><a class="anchor" href="#install-manually" aria-hidden="true">#</a>Install manually</h4>
             <p>Download the compiled and minified <a href="https://github.com/picturepan2/spectre/releases" target="_blank">Spectre CSS file</a> (core ~10KB min+gzip):</p>
@@ -161,8 +161,8 @@
             <h4 class="s-subtitle" id="install-bower"><a class="anchor" href="#install-bower" aria-hidden="true">#</a>Install from Bower</h4>
             <pre class="code" data-lang="Bash"><code>bower install spectre.css --save</code></pre>
           </div>
-          <div class="container">
-            <h3 class="s-title" id="custom"><a class="anchor" href="#custom" aria-hidden="true">#</a>Custom version</h3>
+          <div class="container" id="custom">
+            <h3 class="s-title"><a class="anchor" href="#custom" aria-hidden="true">#</a>Custom version</h3>
             <p>You can customize your version of Spectre.css by editing Sass files in <code>/src</code> directory or removing unneeded components from <code>.scss</code> source files.</p>
             <p><a class="btn btn-primary" href="https://github.com/picturepan2/spectre/" target="_blank">Sass Source Code</a></p>
             <p>If you are looking for Less version of Spectre.css, please switch to <code>Less</code> branch.</p>
@@ -364,11 +364,11 @@ gulp.task(<span class="hljs-string">'prefix'</span>, <span class="hljs-function"
 </code></pre>
             <p>After you compile your version of Spectre in the /dist, run <code>gulp prefix</code> in the directory of Spectre.</p>
           </div>
-          <div class="container">
-            <h3 class="s-title" id="accessibility"><a class="anchor" href="#accessibility" aria-hidden="true">#</a>Accessibility</h3>
+          <div class="container" id="accessibility">
+            <h3 class="s-title"><a class="anchor" href="#accessibility" aria-hidden="true">#</a>Accessibility</h3>
           </div>
-          <div class="container">
-            <h3 class="s-title" id="browers"><a class="anchor" href="#browers" aria-hidden="true">#</a>Browser support</h3>
+          <div class="container" id="browers">
+            <h3 class="s-title"><a class="anchor" href="#browers" aria-hidden="true">#</a>Browser support</h3>
             <p>Spectre uses <a href="https://github.com/postcss/autoprefixer" target="_blank">Autoprefixer</a> to make most styles compatible with earlier browsers and <a href="https://necolas.github.io/normalize.css/" target="_blank">Normalize.css</a> for CSS resets. Spectre is designed for modern browsers. For best compatibility, these browsers are recommended:</p>
             <ul>
               <li>Chrome <small class="label label-success">LAST 4</small></li>
@@ -380,8 +380,8 @@ gulp.task(<span class="hljs-string">'prefix'</span>, <span class="hljs-function"
             </ul>
             <p>Spectre supports Internet Explorer 10+, but some HTML5 and CSS3 features are not perfectly supported by Internet Explorer.</p>
           </div>
-          <div class="container">
-            <h3 class="s-title" id="whatsnew"><a class="anchor" href="#whatsnew" aria-hidden="true">#</a>What's new</h3>
+          <div class="container" id="whatsnew">
+            <h3 class="s-title"><a class="anchor" href="#whatsnew" aria-hidden="true">#</a>What's new</h3>
             <p><strong>September 2017</strong></p>
             <ul>
               <li><a href="experimentals.html#off-canvas">Off-canvas</a>: navigation layout that the sidebar can slide in and out of the viewport <small class="label label-primary">NEW</small></li>
-- 
cgit v1.3.1-23-gd82d