From 97fc8a34250fac6138c7ba693de58be478f3c6be Mon Sep 17 00:00:00 2001
From: Vadim Makeev <pepelsbey@gmail.com>
Date: Mon, 11 Feb 2019 14:29:56 +0300
Subject: [PATCH] Add multiple headers support

---
 index.html                     | 20 ++++++++++++++++++++
 styles/slide/content/basic.css |  6 +++++-
 styles/slide/slide.css         |  2 +-
 3 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 04878a3..9c25fab 100644
--- a/index.html
+++ b/index.html
@@ -25,6 +25,13 @@ <h2>Slide Header</h2>
         <p class="note">Echo Park 8-bit sustainable umami deep v Kickstarter.</p>
     </section>
 
+    <section class="slide">
+        <h2>First Slide Header</h2>
+        <p>Echo Park 8-bit sustainable umami deep v Kickstarter. DIY cliche typewriter brunch, Odd Future sriracha pickled aesthetic.</p>
+        <h2>Second Slide Header</h2>
+        <p>Whatever authentic disrupt, you probably haven’t heard of them direct trade mlkshk Etsy. Gluten-free roof party plaid four loko quinoa.</p>
+    </section>
+
     <section class="slide">
         <h2><a href="">Linked Header</a></h2>
         <p>Retro meh brunch aesthetic Cosby sweater Shoreditch. Banksy Tumblr sriracha, flexitarian pug chia master cleanse vinyl wayfarers fanny pack bespoke Helvetica roof party. Messenger bag retro cred Portland next level. Yr stumptown Schlitz Carles deep v small batch. Echo Park 8-bit sustainable umami deep v Kickstarter. Hella sustainable messenger bag, leggings skateboard literally bicycle rights H₂0 mumblecore banh mi DIY VHS. Semiotics four loko street art asymmetrical.</p>
@@ -218,6 +225,19 @@ <h2>Four Lists</h2>
         </div>
     </section>
 
+    <section class="slide">
+        <div class="columns two">
+            <div>
+                <h2>Column One</h2>
+                <p>Retro meh brunch aesthetic Cosby sweater Shoreditch. Banksy Tumblr sriracha, flexitarian pug chia master cleanse vinyl wayfarers fanny pack bespoke Helvetica roof party. Messenger bag retro cred Portland next level.</p>
+            </div>
+            <div>
+                <h2>Column Two</h2>
+                <p>Yr stumptown Schlitz Carles deep v small batch. Echo Park 8-bit sustainable umami deep v Kickstarter. Hella sustainable messenger bag, leggings skateboard literally bicycle rights H₂0 mumblecore banh.</p>
+            </div>
+        </div>
+    </section>
+
     <section class="slide">
         <h2>Simple Table</h2>
         <table>
diff --git a/styles/slide/content/basic.css b/styles/slide/content/basic.css
index 9e1fbe7..59fa66f 100644
--- a/styles/slide/content/basic.css
+++ b/styles/slide/content/basic.css
@@ -1,12 +1,16 @@
 /* Basic */
 
 .slide h2 {
-    margin-top: 0;
+    margin-top: 6px;
     margin-bottom: 34px;
     color: var(--color-grey);
     font: bold 50px/1 'PT Sans Narrow', sans-serif;
 }
 
+.slide * + h2 {
+    margin-top: 41px;
+}
+
 .slide p {
     margin-top: 0;
     margin-bottom: 1em;
diff --git a/styles/slide/slide.css b/styles/slide/slide.css
index a8c7318..d44a7e9 100644
--- a/styles/slide/slide.css
+++ b/styles/slide/slide.css
@@ -35,7 +35,7 @@
     z-index: 0;
     overflow: hidden;
     box-sizing: border-box;
-    padding: 81px 100px 0;
+    padding: 75px 100px 0;
     width: var(--slide-width);
     height: var(--slide-height);
     background: #ffffff;