From 194d3fe78811d762d94e92779dae5603d7e28261 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Luis=20Sacrist=C3=A1n?= <displaynone@gmail.com>
Date: Mon, 16 Oct 2017 21:24:45 +0200
Subject: [PATCH] kss - longforms

---
 doc/kss/templates/default/kss-assets/kss.css  |  3 +++
 doc/kss/templates/default/kss-assets/kss.scss |  7 +++++++
 doc/styleguide/item-longforms-interviews.html |  8 ++++++++
 doc/styleguide/item-longforms.html            |  8 ++++++++
 doc/styleguide/item-typography-info.html      |  2 +-
 doc/styleguide/kss-assets/kss.css             |  3 +++
 doc/styleguide/kss-assets/kss.scss            |  7 +++++++
 doc/styleguide/section-longforms.html         | 16 ++++++++++++++++
 doc/styleguide/section-typography.html        |  2 +-
 src/scss/_base.scss                           |  2 +-
 src/scss/_typography.scss                     |  3 +++
 src/scss/modules/_longform.scss               |  3 +++
 12 files changed, 61 insertions(+), 3 deletions(-)

diff --git a/doc/kss/templates/default/kss-assets/kss.css b/doc/kss/templates/default/kss-assets/kss.css
index fb5e2e8..313b2ac 100644
--- a/doc/kss/templates/default/kss-assets/kss.css
+++ b/doc/kss/templates/default/kss-assets/kss.css
@@ -579,6 +579,9 @@
   #kss-node #navigation {
     opacity: 1;
     position: relative; }
+  #kss-node #kssref-longforms-interviews .text-interview {
+    margin-left: 34%;
+    width: 66%; }
 
 .kss-container {
   display: grid;
diff --git a/doc/kss/templates/default/kss-assets/kss.scss b/doc/kss/templates/default/kss-assets/kss.scss
index a82c01b..f9909e5 100644
--- a/doc/kss/templates/default/kss-assets/kss.scss
+++ b/doc/kss/templates/default/kss-assets/kss.scss
@@ -931,6 +931,13 @@ $kss-vertical-rhythm: $kss-font-size * 1.5;
     opacity: 1;
     position: relative;
   }
+
+  #kssref-longforms-interviews {
+    .text-interview {
+      margin-left: 34%;
+      width: 66%;
+    }
+  }
 }
 
 .kss-container {
diff --git a/doc/styleguide/item-longforms-interviews.html b/doc/styleguide/item-longforms-interviews.html
index cf4f09d..cbea8b9 100644
--- a/doc/styleguide/item-longforms-interviews.html
+++ b/doc/styleguide/item-longforms-interviews.html
@@ -91,6 +91,14 @@
 
         </div>
 
+          <div class="kss-modifier__heading kss-style">
+            Demos
+          </div>
+          <ul class="kss__demos">
+              <li>
+                <a href="https://webslides.tv/demos/interviews" title="Interviews" target="_blank">Interviews</a>
+              </li>
+          </ul>
 
           <div class="kss-modifier__wrapper">
             <div class="kss-modifier__heading kss-style">
diff --git a/doc/styleguide/item-longforms.html b/doc/styleguide/item-longforms.html
index e3f1d24..96de3bf 100644
--- a/doc/styleguide/item-longforms.html
+++ b/doc/styleguide/item-longforms.html
@@ -94,6 +94,14 @@
 
         </div>
 
+          <div class="kss-modifier__heading kss-style">
+            Demos
+          </div>
+          <ul class="kss__demos">
+              <li>
+                <a href="https://webslides.tv/demos/longforms" title="Longform" target="_blank">Longform</a>
+              </li>
+          </ul>
 
           <div class="kss-modifier__wrapper">
             <div class="kss-modifier__heading kss-style">
diff --git a/doc/styleguide/item-typography-info.html b/doc/styleguide/item-typography-info.html
index 6d4ba88..57a6d3a 100644
--- a/doc/styleguide/item-typography-info.html
+++ b/doc/styleguide/item-typography-info.html
@@ -113,7 +113,7 @@
             </details>
 
           <div class="kss-source kss-style">
-            Source: <code>_typography.scss</code>, line 546
+            Source: <code>_typography.scss</code>, line 549
           </div>
 
       </div>
diff --git a/doc/styleguide/kss-assets/kss.css b/doc/styleguide/kss-assets/kss.css
index fb5e2e8..313b2ac 100644
--- a/doc/styleguide/kss-assets/kss.css
+++ b/doc/styleguide/kss-assets/kss.css
@@ -579,6 +579,9 @@
   #kss-node #navigation {
     opacity: 1;
     position: relative; }
+  #kss-node #kssref-longforms-interviews .text-interview {
+    margin-left: 34%;
+    width: 66%; }
 
 .kss-container {
   display: grid;
diff --git a/doc/styleguide/kss-assets/kss.scss b/doc/styleguide/kss-assets/kss.scss
index a82c01b..f9909e5 100644
--- a/doc/styleguide/kss-assets/kss.scss
+++ b/doc/styleguide/kss-assets/kss.scss
@@ -931,6 +931,13 @@ $kss-vertical-rhythm: $kss-font-size * 1.5;
     opacity: 1;
     position: relative;
   }
+
+  #kssref-longforms-interviews {
+    .text-interview {
+      margin-left: 34%;
+      width: 66%;
+    }
+  }
 }
 
 .kss-container {
diff --git a/doc/styleguide/section-longforms.html b/doc/styleguide/section-longforms.html
index af25b29..ada9446 100644
--- a/doc/styleguide/section-longforms.html
+++ b/doc/styleguide/section-longforms.html
@@ -94,6 +94,14 @@
 
         </div>
 
+          <div class="kss-modifier__heading kss-style">
+            Demos
+          </div>
+          <ul class="kss__demos">
+              <li>
+                <a href="https://webslides.tv/demos/longforms" title="Longform" target="_blank">Longform</a>
+              </li>
+          </ul>
 
           <div class="kss-modifier__wrapper">
             <div class="kss-modifier__heading kss-style">
@@ -140,6 +148,14 @@
 
         </div>
 
+          <div class="kss-modifier__heading kss-style">
+            Demos
+          </div>
+          <ul class="kss__demos">
+              <li>
+                <a href="https://webslides.tv/demos/interviews" title="Interviews" target="_blank">Interviews</a>
+              </li>
+          </ul>
 
           <div class="kss-modifier__wrapper">
             <div class="kss-modifier__heading kss-style">
diff --git a/doc/styleguide/section-typography.html b/doc/styleguide/section-typography.html
index 9b64323..6d01c92 100644
--- a/doc/styleguide/section-typography.html
+++ b/doc/styleguide/section-typography.html
@@ -379,7 +379,7 @@
             </details>
 
           <div class="kss-source kss-style">
-            Source: <code>_typography.scss</code>, line 546
+            Source: <code>_typography.scss</code>, line 549
           </div>
 
       </div>
diff --git a/src/scss/_base.scss b/src/scss/_base.scss
index e37f324..6e04fa4 100644
--- a/src/scss/_base.scss
+++ b/src/scss/_base.scss
@@ -124,7 +124,7 @@ footer nav {
 .frame,
 .shadow {
   padding: 2.4rem;
-}https://webslides.tv/demos/classes#slide=5
+}
 
 .radius {
   border-radius: .4rem;
diff --git a/src/scss/_typography.scss b/src/scss/_typography.scss
index beb12ce..2ceb695 100644
--- a/src/scss/_typography.scss
+++ b/src/scss/_typography.scss
@@ -525,6 +525,9 @@ figure[class*='text-pull-'] {
 //   </dd>
 // </dl>
 //
+// Demos:
+// [Interviews](https://webslides.tv/demos/interviews)
+//
 // Styleguide Longforms.Interviews
 .text-interview dt {
   font-weight: 600;
diff --git a/src/scss/modules/_longform.scss b/src/scss/modules/_longform.scss
index 206bc69..f421dae 100644
--- a/src/scss/modules/_longform.scss
+++ b/src/scss/modules/_longform.scss
@@ -5,6 +5,9 @@
 //   <p>Lorem ipsum</p>
 // </section>
 //
+// Demos:
+// [Longform](https://webslides.tv/demos/longforms)
+//
 // Styleguide Longforms
 .longform {
   width: 72rem;