Merge pull request #551 from picturepan2/0.5.8 v0.5.8

0.5.8

4 files changed, 17 insertions, 11 deletions

diff --git a/docs/src/elements/buttons.pug b/docs/src/elements/buttons.pug
index cfd9b5a..e5c9d1b 100644
--- a/docs/src/elements/buttons.pug
+++ b/docs/src/elements/buttons.pug
@@ -39,7 +39,7 @@ block docs-content
     p
       | Add the #[code btn-success] or #[code btn-error] class for success (green) or error (red) button color.
       | If you need more button colors, please use 
-      a(href="getting-started.html#variables-buttons") button mixins
+      a(href="../getting-started/custom.html#variables-buttons") button mixins
       |  to create your own button color variants.
 
     pre.code(data-lang='HTML')
diff --git a/docs/src/elements/forms.pug b/docs/src/elements/forms.pug
index 5db1d95..274101b 100644
--- a/docs/src/elements/forms.pug
+++ b/docs/src/elements/forms.pug
@@ -331,8 +331,8 @@ block docs-content
     +docs-subheading('forms-icons', 'Form icons')
 
     p
-      | Spectre Form components has 
-      a(href="#icons") Spectre Icons
+      | Spectre Forms components has 
+      a(href="icons.html") Spectre Icons
       |  support.
     p
       | Add a wrapper with the #[code has-icon-left]/#[code has-icon-right] class to #{'<input>'} element.
diff --git a/docs/src/elements/icons.pug b/docs/src/elements/icons.pug
index 5c53bc1..77bc433 100644
--- a/docs/src/elements/icons.pug
+++ b/docs/src/elements/icons.pug
@@ -7,19 +7,25 @@ block variables
   - var description = 'Icons are single-element, responsive and pure CSS icons. Spectre.css CSS Framework is a lightweight, responsive and modern CSS framework for faster and extensible development.'
 
 block docs-content
-  +docs-heading('icons', 'Icons')
+  +docs-heading('icons', 'Icons.css')
     p
-      small.label.label-primary.mr-2 CSS ONLY
+      small.label.label-secondary CSS ONLY
 
     include ../_layout/_ad-g.pug
 
+    .docs-demo.columns
+      .column
+        .toast.toast-primary
+          | Spectre.css Icons will be moved to a new 
+          a(href="https://github.com/picturepan2/icons.css" target="_blank") GitHub Repo
+          |  while Spectre will only include basic icons.
     p
-      | Icons are single-element, responsive and pure CSS icons.
+      | Icons.css are single-element, responsive and pure CSS icons.
       | You can include #[code spectre-icons.css] located in the #[code dist] folder to your web #{'<head>'} to have these CSS icons.
 
     +docs-subheading('icons-navigation', 'Navigation icons')
 
-    .columns
+    .docs-demo.columns
       .column.col-3.col-md-6
         button.btn.btn-primary.btn-action.btn-lg
           i.icon.icon-arrow-up
@@ -75,7 +81,7 @@ block docs-content
 
     +docs-subheading('icons-action', 'Action icons')
 
-    .columns
+    .docs-demo.columns
       .column.col-3.col-md-6
         button.btn.btn-primary.btn-action.btn-lg
           i.icon.icon-resize-horiz
@@ -151,7 +157,7 @@ block docs-content
 
     +docs-subheading('icons-object', 'Object icons')
 
-    .columns
+    .docs-demo.columns
       .column.col-3.col-md-6
         button.btn.btn-primary.btn-action.btn-lg
           i.icon.icon-mail
@@ -196,7 +202,7 @@ block docs-content
       | Use #[code icon-2x], #[code icon-3x] and #[code icon-4x] classes to increase icon sizes.
       | You can set #[code font-size] to have different icon sizes.
 
-    .columns
+    .docs-demo.columns
       .column.col-3.col-md-6
         p
           i.icon.icon-2x.icon-mail
diff --git a/docs/src/elements/tables.pug b/docs/src/elements/tables.pug
index be899e8..c85b475 100644
--- a/docs/src/elements/tables.pug
+++ b/docs/src/elements/tables.pug
@@ -77,7 +77,7 @@ block docs-content
               td The Shawshank Redemption
               td Crime, Drama
               td 14 October 1994
-            tr.active
+            tr
               td The Godfather
               td Crime, Drama
               td 24 March 1972