Merge pull request #266 from picturepan2/0.4.0 v0.4.0

0.4.0

1 files changed, 35 insertions, 26 deletions

diff --git a/docs/components.html b/docs/components.html
index ec965a1..98ceca1 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-  <meta charset="UTF-8" />
+  <meta charset="utf-8" />
   <meta name="robots" content="index, follow" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />
-  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta http-equiv="x-ua-compatible" content="ie=edge" />
   <meta name="author" content="https://github.com/picturepan2/" />
   <title>Components - Spectre.css CSS Framework</title>
   <link rel="stylesheet" href="dist/spectre.css" />
@@ -14,24 +14,18 @@
 <body>
   <div class="s-container container">
     <div class="columns">
-      <div class="s-brand">
-        <a href="index.html" class="s-logo tooltip tooltip-bottom" data-tooltip="Spectre.css CSS Framework">
-          <img src="img/spectre-logo.svg" alt="Spectre.css CSS Framework" />
-          <h2>Spectre.css</h2>
-        </a>
-        <div class="menu-btn">
-          <a href="#sidebar" class="btn btn-link btn-action"><i class="icon icon-menu"></i></a>
-        </div>
-        <div class="float-btn">
-          <a href="https://github.com/picturepan2/spectre" target="_blank" class="btn btn-primary">GitHub</a>
-        </div>
-      </div>
       <div id="sidebar" class="s-sidebar">
+        <div class="s-brand">
+          <a href="index.html" class="s-logo">
+            <img src="img/spectre-logo.svg" alt="Spectre.css CSS Framework" />
+            <h2>Spectre.css</h2>
+          </a>
+        </div>
         <div class="s-nav">
           <div class="accordion">
             <div class="accordion-item">
               <input type="checkbox" id="docs-accordion-1" name="docs-accordion-checkbox" hidden />
-              <label class="accordion-header hand" for="docs-accordion-1">
+              <label class="accordion-header c-hand" for="docs-accordion-1">
                 Getting started
               </label>
               <div class="accordion-body">
@@ -56,7 +50,7 @@
             </div>
             <div class="accordion-item">
               <input type="checkbox" id="docs-accordion-2" name="docs-accordion-checkbox" hidden />
-              <label class="accordion-header hand" for="docs-accordion-2">
+              <label class="accordion-header c-hand" for="docs-accordion-2">
                 Elements
               </label>
               <div class="accordion-body">
@@ -90,7 +84,7 @@
             </div>
             <div class="accordion-item">
               <input type="checkbox" id="docs-accordion-3" name="docs-accordion-checkbox" hidden />
-              <label class="accordion-header hand" for="docs-accordion-3">
+              <label class="accordion-header c-hand" for="docs-accordion-3">
                 Layout
               </label>
               <div class="accordion-body">
@@ -109,7 +103,7 @@
             </div>
             <div class="accordion-item">
               <input type="checkbox" id="docs-accordion-4" name="docs-accordion-checkbox" hidden checked />
-              <label class="accordion-header hand" for="docs-accordion-4">
+              <label class="accordion-header c-hand" for="docs-accordion-4">
                 Components
               </label>
               <div class="accordion-body">
@@ -179,7 +173,7 @@
             </div>
             <div class="accordion-item">
               <input type="checkbox" id="docs-accordion-5" name="docs-accordion-checkbox" hidden />
-              <label class="accordion-header hand" for="docs-accordion-5">
+              <label class="accordion-header c-hand" for="docs-accordion-5">
                 Utilities
               </label>
               <div class="accordion-body">
@@ -188,6 +182,9 @@
                     <a href="utilities.html#colors">Colors</a>
                   </li>
                   <li class="menu-item">
+                    <a href="utilities.html#cursors">Cursors</a>
+                  </li>
+                  <li class="menu-item">
                     <a href="utilities.html#display">Display</a>
                   </li>
                   <li class="menu-item">
@@ -210,7 +207,7 @@
             </div>
             <div class="accordion-item">
               <input type="checkbox" id="docs-accordion-6" name="docs-accordion-checkbox" hidden />
-              <label class="accordion-header hand" for="docs-accordion-6">
+              <label class="accordion-header c-hand" for="docs-accordion-6">
                 Experimentals
               </label>
               <div class="accordion-body">
@@ -250,6 +247,18 @@
       </div>
       <a href="#sidebar-close" id="sidebar-close" class="docs-nav-clear"></a>
 
+      <div class="s-navbar">
+        <div class="menu-btn">
+          <a href="#sidebar" class="btn btn-link btn-action"><i class="icon icon-menu"></i></a>
+        </div>
+        <a href="index.html" class="s-logo">
+          <img src="img/spectre-logo.svg" alt="Spectre.css CSS Framework" />
+        </a>
+        <div class="float-btn">
+          <a href="https://github.com/picturepan2/spectre" target="_blank" class="btn btn-primary">GitHub</a>
+        </div>
+      </div>
+
       <div id="content" class="s-content">
         <div id="accordions" class="container">
           <h3 class="s-title"><a href="#accordions" class="anchor" aria-hidden="true">#</a>Accordions</h3>
@@ -261,7 +270,7 @@
               <div class="accordion">
                 <div class="accordion-item">
                   <input type="radio" id="accordion-1" name="accordion-radio" hidden checked />
-                  <label class="accordion-header hand" for="accordion-1">
+                  <label class="accordion-header c-hand" for="accordion-1">
                     <i class="icon icon-arrow-right mr-5"></i>
                     Elements
                   </label>
@@ -278,7 +287,7 @@
                 </div>
                 <div class="accordion-item">
                   <input type="radio" id="accordion-2" name="accordion-radio" hidden />
-                  <label class="accordion-header hand" for="accordion-2">
+                  <label class="accordion-header c-hand" for="accordion-2">
                     <i class="icon icon-arrow-right mr-5"></i>
                     Layout
                   </label>
@@ -295,7 +304,7 @@
                 </div>
                 <div class="accordion-item">
                   <input type="radio" id="accordion-3" name="accordion-radio" hidden />
-                  <label class="accordion-header hand" for="accordion-3">
+                  <label class="accordion-header c-hand" for="accordion-3">
                     <i class="icon icon-arrow-right mr-5"></i>
                     Components
                   </label>
@@ -316,7 +325,7 @@
               <div class="accordion">
                 <div class="accordion-item">
                   <input type="checkbox" id="accordion-4" name="accordion-checkbox" hidden checked />
-                  <label class="accordion-header hand" for="accordion-4">
+                  <label class="accordion-header c-hand" for="accordion-4">
                     <i class="icon icon-arrow-right mr-5"></i>
                     Elements
                   </label>
@@ -333,7 +342,7 @@
                 </div>
                 <div class="accordion-item">
                   <input type="checkbox" id="accordion-5" name="accordion-checkbox" hidden />
-                  <label class="accordion-header hand" for="accordion-5">
+                  <label class="accordion-header c-hand" for="accordion-5">
                     <i class="icon icon-arrow-right mr-5"></i>
                     Layout
                   </label>
@@ -350,7 +359,7 @@
                 </div>
                 <div class="accordion-item">
                   <input type="checkbox" id="accordion-6" name="accordion-checkbox" hidden />
-                  <label class="accordion-header hand" for="accordion-6">
+                  <label class="accordion-header c-hand" for="accordion-6">
                     <i class="icon icon-arrow-right mr-5"></i>
                     Components
                   </label>