Add more icons

1 files changed, 6 insertions, 5 deletions

diff --git a/docs/components.html b/docs/components.html
index 565f1b9..cbe664e 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -8,6 +8,7 @@
   <meta name="author" content="https://github.com/picturepan2/" />
   <title>Components - Spectre.css</title>
   <link rel="stylesheet" href="css/spectre.css" />
+  <link rel="stylesheet" href="css/spectre-icons.css" />
   <link rel="stylesheet" href="css/docs.css" />
   <link rel="stylesheet" href="font/style.css" />
 </head>
@@ -701,7 +702,7 @@
               <div class="dropdown">
                 <div class="btn-group">
                   <a class="btn btn-primary">dropdown button</a>
-                  <a class="btn btn-primary dropdown-toggle" tabindex="0"><i class="icon-caret"></i></a>
+                  <a class="btn btn-primary dropdown-toggle" tabindex="0"><i class="icon icon-caret"></i></a>
                   <ul class="menu">
                     <li class="menu-item">
                       <a href="#dropdowns">
@@ -724,7 +725,7 @@
             </div>
             <div class="column col-xs-12">
               <div class="dropdown dropdown-right">
-                <a class="btn btn-primary dropdown-toggle" tabindex="0">dropdown button <i class="icon-caret"></i></a>
+                <a class="btn btn-primary dropdown-toggle" tabindex="0">dropdown button <i class="icon icon-caret"></i></a>
                 <ul class="menu">
                   <li class="menu-item">
                     <a href="#dropdowns">
@@ -746,7 +747,7 @@
             </div>
             <div class="column col-xs-12">
               <div class="dropdown">
-                <a class="btn btn-link dropdown-toggle" tabindex="0">dropdown button <i class="icon-caret"></i></a>
+                <a class="btn btn-link dropdown-toggle" tabindex="0">dropdown button <i class="icon icon-caret"></i></a>
                 <ul class="menu">
                   <li class="menu-item">
                     <a href="#dropdowns">
@@ -779,7 +780,7 @@
 <pre class="code" data-lang="HTML"><code><span class="com">&lt;!-- basic dropdown button --&gt;</span>
 &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;dropdown&quot;</span>&gt;
   &lt;<span class="tag">a</span> <span class="atn">href</span>=<span class="atv">&quot;#&quot;</span> <span class="atn">class</span>=<span class="atv">&quot;btn btn-link dropdown-toggle&quot;</span> <span class="atn">tabindex</span>=<span class="atv">&quot;0&quot;</span>&gt;
-    dropdown menu &lt;<span class="tag">i</span> <span class="atn">class</span>=<span class="atv">&quot;icon-caret&quot;</span>&gt;&lt;<span class="tag">/i</span>&gt;
+    dropdown menu &lt;<span class="tag">i</span> <span class="atn">class</span>=<span class="atv">&quot;icon icon-caret&quot;</span>&gt;&lt;<span class="tag">/i</span>&gt;
   &lt;<span class="tag">/a</span>&gt;
   <span class="com">&lt;!-- menu component --&gt;</span>
   &lt;<span class="tag">ul</span> <span class="atn">class</span>=<span class="atv">&quot;menu&quot;</span>&gt;
@@ -794,7 +795,7 @@
       dropdown button
     &lt;<span class="tag">/a</span>&gt;
     &lt;<span class="tag">a</span> <span class="atn">href</span>=<span class="atv">&quot;#&quot;</span> <span class="atn">class</span>=<span class="atv">&quot;btn dropdown-toggle&quot;</span> <span class="atn">tabindex</span>=<span class="atv">&quot;0&quot;</span>&gt;
-      &lt;<span class="tag">i</span> <span class="atn">class</span>=<span class="atv">&quot;icon-caret&quot;</span>&gt;&lt;<span class="tag">/i</span>&gt;
+      &lt;<span class="tag">i</span> <span class="atn">class</span>=<span class="atv">&quot;icon icon-caret&quot;</span>&gt;&lt;<span class="tag">/i</span>&gt;
     &lt;<span class="tag">/a</span>&gt;
 
     <span class="com">&lt;!-- menu component --&gt;</span>