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

0.5.8

1 files changed, 13 insertions, 21 deletions

diff --git a/docs/src/getting-started/custom.pug b/docs/src/getting-started/custom.pug
index 88cb713..36a1753 100644
--- a/docs/src/getting-started/custom.pug
+++ b/docs/src/getting-started/custom.pug
@@ -166,54 +166,46 @@ block docs-content
     +docs-subheading('variables-colors', 'Variables - Colors')
 
     .columns
-      .column.col-3.col-md-6
+      .column.col-2.col-md-6
         .docs-color(style='background:#5755d9;color:#fff;')
           .color-title #5755d9
           .color-subtitle Primary
-      .column.col-3.col-md-6
+      .column.col-2.col-md-6
         .docs-color(style='background:#f1f1fc;color:#5755d9;')
           .color-title #f1f1fc
           .color-subtitle Secondary
     .columns
-      .column.col-3.col-md-6
+      .column.col-2.col-md-6
         .docs-color(style='background:#32b643;color:#fff;')
           .color-title #32b643
           .color-subtitle Success
-      .column.col-3.col-md-6
+      .column.col-2.col-md-6
         .docs-color(style='background:#ffb700;color:#fff;')
           .color-title #ffb700
           .color-subtitle Warning
-      .column.col-3.col-md-6
+      .column.col-2.col-md-6
         .docs-color(style='background:#e85600;color:#fff;')
           .color-title #e85600
           .color-subtitle Error
     .columns
-      .column.col-3.col-md-6
+      .column.col-2.col-md-6
         .docs-color(style='background:#303742;color:#fff;')
           .color-title #303742
           .color-subtitle Dark
-      .column.col-3.col-md-6
+      .column.col-2.col-md-6
         .docs-color(style='background:#66758c;color:#fff;')
           .color-title #66758c
           .color-subtitle Gray dark
-      .column.col-3.col-md-6
-        .docs-color(style='background:#bcc3ce;color:#303742;')
+      .column.col-2.col-md-6
+        .docs-color(style='background:#bcc3ce;color:#fff;')
           .color-title #bcc3ce
           .color-subtitle Gray
-      .column.col-3.col-md-6
-        .docs-color(style='background:#f7f8f9;color:#303742;')
+      .column.col-2.col-md-6
+        .docs-color(style='background:#f7f8f9;color:#66758c;')
           .color-title #f7f8f9
           .color-subtitle Gray light
-      .column.col-3.col-md-6
-        .docs-color(style='background:#bcc3ce;color:#303742;')
-          .color-title #bcc3ce
-          .color-subtitle Border
-      .column.col-3.col-md-6
-        .docs-color(style='background:#f7f8f9;color:#303742;')
-          .color-title #f7f8f9
-          .color-subtitle Background
-      .column.col-3.col-md-6
-        .docs-color(style='background:#fff;color:#303742;')
+      .column.col-2.col-md-6
+        .docs-color(style='background:#fff;color:#bcc3ce;')
           .color-title #fff
           .color-subtitle Light