Fix Docs hash linking bug

1 files changed, 17 insertions, 17 deletions

diff --git a/docs/elements.html b/docs/elements.html
index e7b4e82..b20594a 100644
--- a/docs/elements.html
+++ b/docs/elements.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,8 +129,8 @@
       </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="typography"><a class="anchor" href="#typography" aria-hidden="true">#</a>Typography</h3>
+          <div class="container" id="typography">
+            <h3 class="s-title"><a class="anchor" href="#typography" aria-hidden="true">#</a>Typography</h3>
             <p>Typography sets default styles for headings, paragraphs, semantic text, blockquote and lists elements.</p>
             <h4 class="s-subtitle" id="typography-headings"><a class="anchor" href="#typography-headings" aria-hidden="true">#</a>Headings</h4>
             <div class="columns">
@@ -317,8 +317,8 @@
   <span class="hljs-tag">&lt;<span class="hljs-name">dd</span>&gt;</span>description list description<span class="hljs-tag">&lt;/<span class="hljs-name">dd</span>&gt;</span>
 <span class="hljs-tag">&lt;/<span class="hljs-name">dl</span>&gt;</span></code></pre>
           </div>
-          <div class="container">
-            <h3 class="s-title" id="tables"><a class="anchor" href="#tables" aria-hidden="true">#</a>Tables</h3>
+          <div class="container" id="tables">
+            <h3 class="s-title"><a class="anchor" href="#tables" aria-hidden="true">#</a>Tables</h3>
             <p>Tables include default styles for tables and data sets.</p>
             <div class="columns">
               <div class="column col-12">
@@ -378,8 +378,8 @@
   <span class="hljs-tag">&lt;/<span class="hljs-name">tbody</span>&gt;</span>
 <span class="hljs-tag">&lt;/<span class="hljs-name">table</span>&gt;</span></code></pre>
           </div>
-          <div class="container">
-            <h3 class="s-title" id="buttons"><a class="anchor" href="#buttons" aria-hidden="true">#</a>Buttons</h3>
+          <div class="container" id="buttons">
+            <h3 class="s-title"><a class="anchor" href="#buttons" aria-hidden="true">#</a>Buttons</h3>
             <p>Buttons include simple button styles for actions in different types and sizes.</p>
             <div class="columns">
               <div class="column col-12">
@@ -526,8 +526,8 @@
   <span class="hljs-tag">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"btn"</span>&gt;</span>third button<span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span>
 <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span> </code></pre>
           </div>
-          <div class="container">
-            <h3 class="s-title" id="forms"><a class="anchor" href="#forms" aria-hidden="true">#</a>Forms</h3>
+          <div class="container" id="forms">
+            <h3 class="s-title"><a class="anchor" href="#forms" aria-hidden="true">#</a>Forms</h3>
             <p>Forms provide the most common control styles used in forms, including input, textarea, select, checkbox, radio and switch.</p>
             <div class="columns">
               <div class="column col-6 col-xs-12">
@@ -1208,11 +1208,11 @@
     <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
   <span class="hljs-tag">&lt;/<span class="hljs-name">fieldset</span>&gt;</span></code></pre>
           </div>
-          <div class="container">
-            <h3 class="s-title" id="icons"><a class="anchor" href="#icons" aria-hidden="true">#</a>Icons</h3>
+          <div class="container" id="icons">
+            <h3 class="s-title"><a class="anchor" href="#icons" aria-hidden="true">#</a>Icons</h3>
           </div>
-          <div class="container">
-            <h3 class="s-title" id="labels"><a class="anchor" href="#labels" aria-hidden="true">#</a>Labels</h3>
+          <div class="container" id="labels">
+            <h3 class="s-title"><a class="anchor" href="#labels" aria-hidden="true">#</a>Labels</h3>
             <p>Labels are formatted text tags for highlighted, informative information.</p>
             <div class="columns">
               <div class="column"><span class="label mr-1">default label</span><span class="label label-primary mr-1">primary label</span><span class="label label-secondary mr-1">secondary label</span><span class="label label-success mr-1">success label</span><span class="label label-warning mr-1">warning label</span><span class="label label-error">error label</span></div>
@@ -1231,8 +1231,8 @@
 <span class="hljs-comment">&lt;!-- rounded labels --&gt;</span>
 <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"label label-rounded label-primary"</span>&gt;</span>primary label<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span></code></pre>
           </div>
-          <div class="container">
-            <h3 class="s-title" id="code"><a class="anchor" href="#code" aria-hidden="true">#</a>Code</h3>
+          <div class="container" id="code">
+            <h3 class="s-title"><a class="anchor" href="#code" aria-hidden="true">#</a>Code</h3>
             <p>Code is used for styling inline and multiline code snippets.</p>
             <p>For inline code, you can use the &lt;code&gt; element. 
               For multiline code snippet blocks, you can use &lt;pre&gt; with the <code>code</code> class as a container, and add &lt;code&gt; inside it.
@@ -1249,8 +1249,8 @@
 &amp;lt;<span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"tag"</span>&gt;</span>/button<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span>&amp;gt;
 <span class="hljs-tag">&lt;/<span class="hljs-name">code</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">pre</span>&gt;</span></code></pre>
           </div>
-          <div class="container">
-            <h3 class="s-title" id="media"><a class="anchor" href="#media" aria-hidden="true">#</a>Media</h3>
+          <div class="container" id="media">
+            <h3 class="s-title"><a class="anchor" href="#media" aria-hidden="true">#</a>Media</h3>
             <p>Media includes responsive images, figures and video classes.</p>
             <h4 class="s-subtitle" id="media-images"><a class="anchor" href="#media-images" aria-hidden="true">#</a>Images</h4>
             <p>Add the <code>img-responsive</code> class to &lt;img&gt; elements. The images will scale with the parent sizes.</p>