From 3b2db2e1fc2ddd72fe7be54eb912757bc96b7cf0 Mon Sep 17 00:00:00 2001
From: carson <carson@leaddyno.com>
Date: Wed, 13 May 2020 19:17:47 -0700
Subject: [PATCH] docs update

---
 www/_includes/layout.njk |  2 +-
 www/css/site.scss        |  7 +++++++
 www/docs.md              | 23 ++++++++++++++++-------
 3 files changed, 24 insertions(+), 8 deletions(-)

diff --git a/www/_includes/layout.njk b/www/_includes/layout.njk
index 82812d53..c77a8895 100644
--- a/www/_includes/layout.njk
+++ b/www/_includes/layout.njk
@@ -59,7 +59,7 @@
 </div>
 </div>
 
-<div class="content c">
+<div class="c content">
     {{ content | safe }}
 </div>
 </body>
diff --git a/www/css/site.scss b/www/css/site.scss
index ce5f1d97..0ab3b958 100644
--- a/www/css/site.scss
+++ b/www/css/site.scss
@@ -23,6 +23,10 @@ body {
 .light {
 }
 
+.content{
+    padding: 0 1em 1em 1em !important;
+}
+
 .top-nav {
     line-height: 30px;
     border-bottom: 1px solid #d0d0d0;
@@ -128,6 +132,9 @@ a {
 }
 
 h2 {
+    margin-top: 42px;
+}
+h3 {
     margin-top: 32px;
 }
 
diff --git a/www/docs.md b/www/docs.md
index 7346e16e..2cb71d5c 100644
--- a/www/docs.md
+++ b/www/docs.md
@@ -447,13 +447,22 @@ a delay.  This can be used to create CSS transition effects.
 Here are some examples:
 
 ```html
-<div kt-classes="add foo"/> <!-- adds the class "foo" after 100ms -->
-<div kt-classes="remove bar:1s"/> <!-- removes the class "bar" after 1s -->
-<div kt-classes="remove bar:1s, add foo:1s"/> <!-- removes the class "bar" after 1s
-                                               then adds the class "foo" 1s after that -->
-<div kt-classes="remove bar:1s & add foo:1s"/> <!-- removes the class "bar" and adds 
-                                                    class "foo" after 1s  -->
-<div kt-classes="toggle foo:1s"/> <!-- toggles the class "foo" every 1s -->
+<!-- adds the class "foo" after 100ms -->
+<div kt-classes="add foo"/> 
+
+<!-- removes the class "bar" after 1s -->
+<div kt-classes="remove bar:1s"/> 
+
+<!-- removes the class "bar" after 1s
+     then adds the class "foo" 1s after that -->
+<div kt-classes="remove bar:1s, add foo:1s"/> 
+
+<!-- removes the class "bar" and adds 
+     class "foo" after 1s  -->
+<div kt-classes="remove bar:1s & add foo:1s"/> 
+
+<!-- toggles the class "foo" every 1s -->
+<div kt-classes="toggle foo:1s"/>
 ```
 
 Full documentation is available [on the documentation page.](/attributes/kt-classes)